/* ============================================================
   LURION — Design Tokens
   Única fonte de verdade para cor, tipografia e espaçamento.
   Nenhum HEX deve existir fora deste arquivo.
   ============================================================

   PALETA — HEX OFICIAIS.
   Fonte: 04-Marca/Kit Lurion/MANUAL/Lurion_eng.pdf, pág. 12
   ("Paleta DE CORES"), onde os valores estão impressos.
   Conferidos contra os arquivos do Kit (LOGO/COLORIDO e ICONES).

   Substituíram, em 16/08/2026, as conversões CMYK→RGB que estavam
   marcadas [OFICIAL?]. As antigas ficam no comentário ao lado de
   cada linha, caso seja preciso rastrear alguma peça antiga.
   ============================================================ */

:root {
  /* --- Primária (manual, "PRIMARIA") ----------------------- */
  --color-brand:        #14375c; /* azul profundo — era #1d4f7c */
  --color-brand-dark:   #0e1423; /* navy quase preto — era #101f31 */
  --color-sand:         #d2c9c0; /* bege quente — não usado ainda no site */

  /* --- Apoio (manual, "APOIO") ----------------------------- */
  --color-steel:        #656b7e; /* cinza-azulado — era #4c6789 */
  --color-steel-light:  #9cacbd; /* azul-aço claro — era #8cb9c8 */
  --color-graphite:     #3d434e; /* grafite — não usado ainda no site */

  /* --- Opostas (manual, "Opostas") — uso pontual ------------ */
  --color-accent:       #e59f23; /* âmbar — era #d98e32 */
  --color-accent-deep:  #dd7624; /* laranja — não usado ainda no site */
  --color-accent-hot:   #e84a17; /* laranja-vermelho — não usado ainda */

  /* --- Símbolo do logo -------------------------------------
     O símbolo tem 4 peças em 2 tons, ambos da paleta primária.
     A geometria vem do vetor oficial; não redesenhar. */
  --color-mark-dark:    #14375c; /* = primária — era #1b3b5c */
  --color-mark-light:   #6b7a8c; /* era #7c8ea3 */

  /* --- Neutros -------------------------------------------- */
  --color-ink:          #1a1d21;
  --color-ink-muted:    #5a6169;
  --color-surface:      #ffffff;
  --color-surface-alt:  #f5f6f7;
  --color-line:         #e3e6e9;

  /* --- Derivados (sempre a partir dos tokens acima) --------
     Os rgba() abaixo são os HEX oficiais convertidos: se um token
     acima mudar, estes precisam mudar junto. */
  --color-on-brand:     #ffffff;                   /* texto sobre fundo brand/brand-dark */
  --color-brand-tint:   rgba(20, 55, 92, 0.06);    /* lavagem sutil da primária (#14375c) */
  --color-grid-line:    rgba(101, 107, 126, 0.11); /* malha de construção, fundo claro (#656b7e) */
  --color-grid-on-dark: rgba(156, 172, 189, 0.08); /* malha sobre fundo escuro (#9cacbd) */
  --color-line-on-dark: rgba(156, 172, 189, 0.24); /* fios sobre fundo escuro (#9cacbd) */
  --color-shadow:       rgba(14, 20, 35, 0.09);    /* sombra dos cards (#0e1423) */

  /* --- Tipografia ------------------------------------------ */
  --font-title: "Manrope", "Segoe UI", system-ui, sans-serif;
  --font-body:  "Raleway", "Segoe UI", system-ui, sans-serif;

  /* Escala fluida — hierarquia real: hero domina, H2 abaixo dele, corpo abaixo */
  --fs-hero:  clamp(2.375rem, 1.35rem + 4.6vw, 4.25rem);
  --fs-h2:    clamp(1.625rem, 1.2rem + 1.9vw, 2.375rem);
  --fs-h3:    clamp(1.125rem, 1.05rem + 0.4vw, 1.3125rem);
  --fs-lead:  clamp(1.0625rem, 1rem + 0.45vw, 1.25rem);
  --fs-body:  1rem;
  --fs-small: 0.875rem;
  --fs-label: 0.75rem;   /* rótulos técnicos: Manrope 600, caps, tracking largo */

  --lh-tight: 1.12;
  --lh-title: 1.25;
  --lh-body:  1.65;

  --ls-label: 0.14em;

  /* --- Espaçamento ----------------------------------------- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-section: clamp(4rem, 3rem + 6vw, 7.5rem); /* respiro vertical entre seções */

  /* --- Estrutura ------------------------------------------- */
  --container-max: 71.25rem;                   /* 1140px */
  --container-pad: clamp(1.25rem, 4vw, 2.5rem);
  --radius: 4px;                               /* contido: traço técnico, não bolha */
  --line-w: 1px;
  --header-h: 4.5rem;

  /* --- Movimento ------------------------------------------- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 320ms;
}