/* ============================================================================
   tokens.css — SÓ custom properties. Nenhum outro arquivo usa cor literal:
   toda cor é um token semântico daqui.

   Dois temas, chaveados pelo data-bs-theme do <html> (convenção do Maestro).
   Os valores são os do design system do Maestro:
   - claro: MaestroV4/wwwroot/css/tokens-design-system.css (rampa zinc, marca #173656);
   - escuro: MaestroV4/wwwroot/css/site.css, bloco html[data-bs-theme="dark"].
   Seletor html[data-bs-theme=...] (especificidade 0,1,1) para nunca perder para :root.
   ============================================================================ */

:root {
    /* Tipografia: IBM Plex Sans, a fonte do Maestro (Componentes/_Fontes) */
    --fonte-corpo: 'IBM Plex Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
    --fonte-mono: ui-monospace, 'Cascadia Mono', Consolas, monospace;

    /* Raio em px, imune à densidade (como no design system do Maestro) */
    --raio-sm: 6px;
    --raio-md: 8px;
    --raio-lg: 10px;
}

html[data-bs-theme="light"] {
    color-scheme: light;

    --fundo: #f2f2f2;
    --cartao: #ffffff;
    --superficie: #f4f4f5;
    --texto: #09090b;
    /* #6b6b74 e não o #71717a do design system: este passa em 4,5:1 também sobre o fundo #f2f2f2 */
    --texto-secundario: #6b6b74;
    --borda: #e4e4e7;
    /* Borda que identifica o campo: 3,4:1 sobre o cartão (WCAG 1.4.11); a borda decorativa segue o #e4e4e7 */
    --borda-campo: #8a8a93;

    --primaria: #173656;
    --primaria-hover: #10263d;
    --primaria-texto: #ffffff;
    --link: #173656;
    /* Anel de foco com 4,8:1 sobre o cartão */
    --anel: #64748b;

    --perigo-texto: #b91c1c;
    --perigo-fundo: #fbe9e9;
    --perigo-borda: #f4bebe;
    --sucesso-texto: #15803d;
    --sucesso-fundo: #e9f9ef;
    --info-texto: #1d4ed8;
    --info-fundo: #ebf3fe;
}

html[data-bs-theme="dark"] {
    color-scheme: dark;

    --fundo: #09090b;
    --cartao: #18181b;
    --superficie: #27272a;
    --texto: #fafafa;
    --texto-secundario: #a9a9b3;
    --borda: rgba(255, 255, 255, .12);
    /* Borda que identifica o campo: 3,6:1 sobre o cartão (WCAG 1.4.11) */
    --borda-campo: rgba(255, 255, 255, .38);

    --primaria: #2a6199;
    --primaria-hover: #3570ab;
    --primaria-texto: #ffffff;
    --link: #6ba7dd;
    /* Anel de foco com 6,9:1 sobre o cartão */
    --anel: #94a3b8;

    --perigo-texto: #ea868f;
    --perigo-fundo: #2c0b0e;
    --perigo-borda: #58151c;
    --sucesso-texto: #75b798;
    --sucesso-fundo: #051b11;
    --info-texto: #6edff6;
    --info-fundo: #031633;
}