/* ==========================================================================
   Korticis Design System — tokens.css
   Fonte da verdade: KorticisDesign/korticis-brand-guide.md
   Regra de marca: fundo sempre claro, estética flat (sem gradientes/sombras).
   Regra semântica: --k-violet SÓ aparece onde o assunto é IA/automação.
   ========================================================================== */

:root {
  /* --- Cor: marca --- */
  --k-blue-900: #042C53;   /* azul profundo — texto forte, rodapé */
  --k-blue-700: #0C447C;   /* azul escuro — ação primária, símbolo K */
  --k-blue-500: #185FA5;   /* azul médio — links, acentos, outline */
  --k-blue-100: #E6F1FB;   /* azul claro — superfícies tintadas, badge do logo */
  --k-blue-050: #F5FAFE;   /* derivado — fundo alternado de seção */
  --k-violet:   #534AB7;   /* acento IA — exclusivo para automação/IA */
  --k-violet-100: #EDEBFA; /* derivado — fundo tintado do acento IA */
  --k-ink:      #14213D;   /* texto principal, wordmark */
  --k-gray:     #5F5E5A;   /* texto secundário, tagline */

  /* --- Cor: funcional --- */
  --k-bg:       #FFFFFF;
  --k-border:   #D4E4F5;   /* bordas em azul dessaturado, não cinza */
  --k-success:  #1B7F4D;
  --k-error:    #B4232A;
  --k-whatsapp: #25D366;   /* funcional: reconhecimento do canal */

  /* --- Tipografia --- */
  --k-font: "Inter", -apple-system, BlinkMacSystemFont, system-ui,
            "Helvetica Neue", Arial, sans-serif;

  /* Escala (base 17px) */
  --k-text-xs:   0.76rem;   /* 13px — legendas, banner cookies */
  --k-text-sm:   0.88rem;   /* 15px — texto de apoio */
  --k-text-base: 1rem;      /* 17px — corpo */
  --k-text-lg:   1.24rem;   /* 21px — lead */
  --k-text-xl:   1.65rem;   /* 28px — título de cartão/seção menor */
  --k-text-2xl:  2.35rem;   /* 40px — título de seção */
  --k-text-3xl:  3.3rem;    /* 56px — display/hero */

  /* Papéis de tipo */
  --k-tracking-display: -0.022em; /* display: apertado e firme */
  --k-tracking-eyebrow: 0.14em;   /* utilitário caps: aéreo, ecoa o wordmark */
  --k-leading-tight: 1.12;
  --k-leading-body: 1.6;

  /* --- Espaçamento (escala de 4px) --- */
  --k-space-1: 0.25rem;
  --k-space-2: 0.5rem;
  --k-space-3: 0.75rem;
  --k-space-4: 1rem;
  --k-space-6: 1.5rem;
  --k-space-8: 2rem;
  --k-space-12: 3rem;
  --k-space-16: 4rem;
  --k-space-24: 6rem;

  /* --- Forma --- */
  --k-radius-sm: 8px;    /* controles: inputs, botões */
  --k-radius-md: 14px;   /* cartões */
  --k-radius-lg: 20px;   /* destaque — ecoa o rx do ícone K (20%) */

  /* --- Movimento --- */
  --k-ease: cubic-bezier(0.25, 0.6, 0.3, 1);
  --k-dur: 180ms;

  /* --- Layout --- */
  --k-container: 1080px;
}