/* tokens.css — Uniorto. Todo valor aqui é decidido em design/COMMIT-SHEET.md.
   Navy e laranja foram MEDIDOS no CSS e no SVG do cliente, não escolhidos por gosto.
   Contrastes anotados foram calculados (WCAG 2.1 relative luminance), não estimados. */
:root {
  /* ——— superfícies ———
     Off-white FRIO. Não é creme: a faixa proibida é hue 40–100 e esta é ~255.
     oklch(0.966 0.004 255) ≈ #F6F7F9 */
  --surface:        #f6f7f9;
  --surface-raised: #ffffff;
  --surface-sunk:   #eceef2;
  --band:           #05274f;  /* faixa full-bleed, oklch(0.28 0.075 255) */
  --band-deep:      #041d3b;

  /* ——— tinta ——— contraste medido sobre --surface */
  --ink:        #05274f;  /* 13.9:1 */
  --ink-soft:   #40536e;  /*  7.3:1 */
  --ink-quiet:  #5b6b82;  /*  5.1:1 */
  --on-band:       #edf1f7;  /* 13.1:1 sobre --band */
  --on-band-soft:  #a9bad1;  /*  7.5:1 sobre --band */

  /* ——— acento ———
     #f58220 é cor de SUPERFÍCIE e de marca. Como TEXTO sobre claro ele dá 2.4:1 e reprova,
     por isso existe --accent-ink. Botão laranja leva texto NAVY (5.7:1), nunca branco (2.6:1). */
  --accent:      #f58220;  /* oklch(0.70 0.175 52) */
  --accent-deep: #d96e14;
  --accent-ink:  #a0500a;  /* 5.4:1 sobre --surface — único laranja legível como texto */

  --border:       #d9dee7;
  --border-strong:#b9c3d2;
  --border-band:  rgba(237, 241, 247, 0.22);

  --error:     #b3261e;
  --error-ink: #8c1d18;  /* 6.1:1 sobre --surface */

  /* ——— tipografia ———
     Newsreader (serifada editorial) × IBM Plex Sans (grotesca humanista, algarismos tabulares).
     Eixo de contraste, não de semelhança. Inter recusada: default de 2024–26. */
  --face-display: 'Newsreader', Georgia, 'Times New Roman', serif;
  --face-text:    'IBM Plex Sans', system-ui, -apple-system, sans-serif;

  --t-micro: 0.75rem;
  --t-small: 0.875rem;
  --t-body:  1.0625rem;
  --t-lead:  clamp(1.125rem, 1rem + 0.6vw, 1.375rem);
  --t-h3:    clamp(1.25rem, 1.1rem + 0.7vw, 1.625rem);
  --t-h2:    clamp(1.75rem, 1.4rem + 1.6vw, 2.75rem);
  --t-h1:    clamp(2.25rem, 1.6rem + 3.2vw, 4.25rem);  /* teto 68px, abaixo do limite de 6rem */

  --lh-display: 1.05;
  --lh-title:   1.18;
  --lh-body:    1.6;
  --measure:    68ch;

  /* ——— espaço ——— base 20px, medida como a unidade dominante do site atual (32/21/35 nós).
     Razão ~1.6 a partir dela. */
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 20px;
  --s5: 32px; --s6: 52px; --s7: 84px; --s8: 136px;

  /* ——— forma ——— a Taste DNA mediu 2/3/4px e nada ≥6px. Mantido: o site do cliente não é arredondado. */
  --r1: 2px;
  --r2: 4px;

  /* ——— medidas de página ——— */
  --page:  1200px;
  --gutter: var(--s4);

  /* ——— movimento ——— duas famílias, declaradas no COMMIT-SHEET ——— */
  --dur-ui:     120ms;
  --dur-nav:    160ms;
  --dur-reveal: 320ms;
  --dur-image:  480ms;
  --ease-out:   cubic-bezier(0.22, 0.61, 0.36, 1);
}