/* ============================================ */
/* TOKENS DE COR — fonte única do app shell      */
/* Espelha docs/context/design.md.               */
/* Carregar PRIMEIRO em app.html (antes de        */
/* main.css). var() resolve em qualquer ordem,    */
/* mas mantemos este :root no topo da cascata.    */
/* ============================================ */

:root {
  /* ===== marca ===== */
    --bg:#F4F6F5; --surf:#FFFFFF; --ink:#14201E; --ink2:#4C5A56; --ink3:#626F6B;
    --line:#D5DDDA; --line2:#7F8D88; --track:#ABB8B3;
    --brand:#0F6B62; --brand-d:#0C564E; --brand-on:#FFFFFF; --brand-bg:#E4F0EE;
    --risk:#B42318; --risk-bg:#FBEAE7;
    --warn:#A85B12; --warn-bg:#F8EFE3; --warn-ink:#7A4210;
    /* frame — um único quadro pra toda tela do app */
    --maxw:1060px;
    --railpad:max(24px, calc((100% - var(--maxw))/2 + 24px));
    /* altura renderizada do <header> (min-height 56 + padding 8+8 + borda 1) — usada
       pelo sticky-offset de quem empilha logo abaixo (ex.: #progress-bar) */
    --header-h:73px;
    /* tipografia — escala fechada, rem (piso do corpo = 16px) */
    --fs-overline:.75rem; --fs-note:.8125rem; --fs-support:.875rem; --fs-ui:.9375rem;
    --fs-input:1rem; --fs-reading:1.0625rem; --fs-h1:1.5rem; --fs-display:1.75rem;
    /* raio */
    --r-ctl:8px; --r-card:10px; --r-doc:14px; --r-pill:999px;
    /* sombra — elevação ink-tinted (rgba do --ink), blur = 2× distância, uma cor só.
       1 repouso (cards) · 2 hover/dropdown · 3 modal/overlay. Focus-ring é outra coisa. */
    --shadow-1: 0 1px 2px rgba(20,32,30,.07), 0 2px 4px rgba(20,32,30,.05);
    --shadow-2: 0 2px 4px rgba(20,32,30,.08), 0 6px 12px rgba(20,32,30,.07);
    --shadow-3: 0 4px 8px rgba(20,32,30,.10), 0 12px 24px rgba(20,32,30,.10);
    /* fontes */
    --brandfont:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    --mono:ui-monospace,"SF Mono","Cascadia Code","Roboto Mono",Consolas,monospace;
    /* Marca */
    --color-primary: var(--brand);
    --color-primary-hover: var(--brand-d);
    --color-primary-light: var(--brand);

    /* Semânticas */
    --color-success: var(--brand);
    --color-error: var(--risk);

    /* Neutros */
    --color-surface: var(--surf);
    --color-border: var(--line);
    --color-text-strong: var(--ink);
    --color-text-muted: var(--ink2);
    --color-text-faint: var(--ink3);
  /* ===== legado (Fase 1 — tokenizacao mecanica, 1 token por valor) ===== */
    --legacy-047857: var(--brand-d);
    --legacy-059669: var(--brand);
    --legacy-065f46: var(--brand-d);
    --legacy-0d131c: var(--ink);
    --legacy-0f172a: var(--ink);
    --legacy-10b981: var(--brand);
    --legacy-111: var(--ink);
    --legacy-111827: var(--ink);
    --legacy-14532d: var(--brand-d);
    --legacy-15803d: var(--brand-d);
    --legacy-166534: var(--brand-d);
    --legacy-16a34a: var(--brand);
    --legacy-1a1305: var(--warn-ink);
    --legacy-1d4ed8: var(--brand-d);
    --legacy-1e293b: var(--ink);
    --legacy-1e3a5f: var(--brand-d);
    --legacy-1e3a8a: var(--brand-d);
    --legacy-1e40af: var(--brand-d);
    --legacy-1f2937: var(--ink);
    --legacy-334155: var(--ink);
    --legacy-374151: var(--ink);
    --legacy-3b82f6: var(--brand);
    --legacy-475569: var(--ink2);
    --legacy-4b5563: var(--ink2);
    --legacy-64748b: var(--ink2);
    --legacy-6b7280: var(--ink2);
    --legacy-6ee7b7: var(--brand-bg);
    --legacy-7c2d12: var(--warn-ink);
    --legacy-86efac: var(--brand-bg);
    --legacy-92400e: var(--warn-ink);
    --legacy-94a3b8: var(--ink3);
    --legacy-991b1b: var(--risk);
    --legacy-9a3412: var(--warn-ink);
    --legacy-9ca3af: var(--ink3);
    --legacy-a0aec0: var(--ink3);
    --legacy-a7f3d0: var(--brand-bg);
    --legacy-b45309: var(--warn);
    --legacy-b91c1c: var(--risk);
    --legacy-bbf7d0: var(--brand-bg);
    --legacy-cbd5e0: var(--line);
    --legacy-cbd5e1: var(--line);
    --legacy-d1d5db: var(--line2);
    --legacy-d1fae5: var(--brand-bg);
    --legacy-d3d7de: var(--line);
    --legacy-d97706: var(--warn);
    --legacy-dbeafe: var(--bg);
    --legacy-dc2626: var(--risk);
    --legacy-dcfce7: var(--brand-bg);
    --legacy-e2a300: var(--warn);
    --legacy-e2e8f0: var(--line);
    --legacy-e5e7eb: var(--line);
    --legacy-ecfdf5: var(--brand-bg);
    --legacy-eef2ff: var(--bg);
    --legacy-ef4444: var(--risk);
    --legacy-eff6ff: var(--bg);
    --legacy-f0f4f8: var(--bg);
    --legacy-f0fdf4: var(--brand-bg);
    --legacy-f1f1f1: var(--bg);
    --legacy-f1f5f9: var(--bg);
    --legacy-f3f4f6: var(--bg);
    --legacy-f59e0b: var(--warn);
    --legacy-f8fafc: var(--bg);
    --legacy-f9fafb: var(--bg);
    --legacy-fbfbfd: var(--surf);
    --legacy-fca5a5: var(--risk-bg);
    --legacy-fcd34d: var(--warn-bg);
    --legacy-fde68a: var(--warn-bg);
    --legacy-fecaca: var(--risk-bg);
    --legacy-fed7aa: var(--warn-bg);
    --legacy-fee2e2: var(--risk-bg);
    --legacy-fef2f2: var(--risk-bg);
    --legacy-fef3c7: var(--warn-bg);
    --legacy-fff: var(--surf);
    --legacy-fff7ed: var(--warn-bg);
    --legacy-fffbeb: var(--warn-bg);
    --legacy-ffffff: var(--surf);
}