/* PADRÃO KANNON — TOKENS · Demo "Essencial" (Marques & Aragão Advocacia)
   Marca: navy grafite + dourado de acento + serifa Newsreader. */
:root {
  /* MARCA DA PERSONA */
  --brand:        #2B3A4A;   /* navy grafite (acentos, ícones) */
  --brand-strong: #1F2A37;   /* fundo do botão (branco em cima = AA) */
  --brand-soft:   #EDEFF2;   /* realce suave */
  --brand-ink:    #1F2A37;   /* texto na cor */
  --on-brand:     #ffffff;
  --gold:         #B89B5E;   /* acento dourado (ênfase serifada) */

  --font-display: "Newsreader", Georgia, "Times New Roman", serif;
  --font-body:    ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --ring: 0 0 0 3px rgba(43, 58, 74, 0.32);

  /* NEUTROS (Padrão Kannon) */
  --paper:    oklch(0.987 0.004 85);
  --surface:  oklch(0.955 0.006 80);
  --surface-2:oklch(0.925 0.008 80);
  --line:     oklch(0.89 0.008 80);
  --ink:      oklch(0.24 0.012 60);
  --ink-soft: oklch(0.43 0.012 60);
  --ink-mute: oklch(0.56 0.010 60);

  --text-label: 0.78rem; --text-sm: 0.875rem; --text-base: 1.0625rem; --text-md: 1.25rem;
  --text-lg: clamp(1.4rem, 1.2rem + 0.9vw, 1.65rem);
  --text-xl: clamp(1.7rem, 1.3rem + 1.7vw, 2.2rem);
  --text-2xl: clamp(2.1rem, 1.5rem + 2.7vw, 3rem);
  --text-3xl: clamp(2.6rem, 1.6rem + 4.4vw, 4.25rem);
  --text-4xl: clamp(3rem, 1.5rem + 6.6vw, 5.75rem);
  --leading-tight: 1.04; --leading-snug: 1.18; --leading-body: 1.6;
  --tracking-tight: -0.02em; --tracking-label: 0.14em; --measure: 64ch;

  --sp-1: 0.25rem; --sp-2: 0.5rem; --sp-3: 0.75rem; --sp-4: 1rem; --sp-5: 1.5rem;
  --sp-6: 2rem; --sp-7: 3rem; --sp-8: 4rem; --sp-9: 6rem; --sp-10: 8rem;
  --section-y: clamp(3.5rem, 2rem + 7vw, 7rem);

  --r-sm: 6px; --r-md: 10px; --r-lg: 16px; --r-pill: 999px;
  --shadow-sm: 0 1px 2px oklch(0.3 0.02 60 / 0.06), 0 2px 6px oklch(0.3 0.02 60 / 0.05);
  --shadow-md: 0 4px 12px oklch(0.3 0.02 60 / 0.08), 0 12px 32px oklch(0.3 0.02 60 / 0.07);
  --container: 1120px; --tap: 48px;
}