/*
 * Tokens do produto (Obra Visual, 0.9.0) — o ÚNICO lugar com cor, espaço, raio, sombra e tipo.
 * Base igual para todo escritório (a personalização é só o logo). Azul-marinho profundo + neutros quentes + um destaque.
 * Modo escuro: <html data-tema="escuro"> (escolha da pessoa, no menu do avatar).
 * Contraste AA conferido: texto sobre fundo ≥ 4,5:1; texto suave ≥ 4,5:1; rótulos de status ≥ 4,5:1.
 */
:root {
    /* marca do produto */
    --marinho-900: #0E1A33;
    --marinho-800: #13224A;
    --marinho-700: #1B2E5E;
    --marinho-600: #2A4180;
    --marinho-100: #E6EBF5;
    --destaque: #C2410C;          /* o único destaque (laranja-terracota): ação principal secundária, item ativo, indicador */
    --destaque-suave: #FFF1E8;

    /* superfícies (neutros quentes) */
    --fundo: #F7F6F3;
    --superficie: #FFFFFF;
    --superficie-2: #FBFAF8;
    --superficie-3: #F1EFEA;
    --borda: #E6E3DC;
    --borda-forte: #D3CFC5;

    /* texto */
    --texto: #1C1B18;
    --texto-2: #4A4740;           /* secundário (≥ 7:1) */
    --suave: #6B675E;             /* rótulos e datas (≥ 4,5:1 sobre --fundo) */
    --no-escuro: #FFFFFF;

    /* ações */
    --primaria: var(--marinho-700);
    --primaria-hover: var(--marinho-800);
    --primaria-texto: #FFFFFF;
    --foco: #2563EB;

    /* estados (fundo, borda, texto) */
    --erro: #B42318;     --erro-fundo: #FEF3F2;    --erro-borda: #FECDCA;
    --atencao: #B54708;  --atencao-fundo: #FFFAEB; --atencao-borda: #FEDF89;
    --ok: #067647;       --ok-fundo: #ECFDF3;      --ok-borda: #ABEFC6;
    --info: #1D4ED8;     --info-fundo: #EFF4FF;    --info-borda: #C7D7FE;

    /* menu lateral */
    --lateral: var(--marinho-900);
    --lateral-texto: #C9D1E3;
    --lateral-ativo: rgba(255, 255, 255, .09);
    --lateral-grupo: #8A97B5;

    /* espaço (escala de 4) */
    --e1: 4px; --e2: 8px; --e3: 12px; --e4: 16px; --e5: 20px; --e6: 24px; --e8: 32px; --e10: 40px; --e12: 48px;

    /* forma e profundidade */
    --raio-p: 6px; --raio: 10px; --raio-g: 14px; --raio-pill: 999px;
    --sombra-1: 0 1px 2px rgba(28, 27, 24, .05);
    --sombra-2: 0 1px 3px rgba(28, 27, 24, .06), 0 1px 2px rgba(28, 27, 24, .04);
    --sombra-3: 0 12px 32px -8px rgba(14, 26, 51, .22), 0 4px 10px -4px rgba(14, 26, 51, .10);

    /* tipografia */
    --fonte: "Inter", "Inter Variable", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Roboto, Arial, sans-serif;
    --fonte-num: "Inter", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;
    --t-xs: .75rem; --t-s: .8125rem; --t-m: .9375rem; --t-l: 1.0625rem; --t-xl: 1.375rem; --t-xxl: 1.75rem; --t-num: 2rem;

    /* movimento */
    --rapido: 120ms; --medio: 200ms;

    color-scheme: light;
}

:root[data-tema="escuro"] {
    --fundo: #0F1115;
    --superficie: #171A20;
    --superficie-2: #1C2028;
    --superficie-3: #232833;
    --borda: #2A303C;
    --borda-forte: #3A4250;
    --texto: #ECEEF2;
    --texto-2: #C3C8D2;
    --suave: #9AA3B2;
    --primaria: #4F6BD8;
    --primaria-hover: #6680E6;
    --marinho-100: #1E2740;
    --destaque: #F08A4B;
    --destaque-suave: #2B1D14;
    --foco: #7AA2FF;
    --erro: #F97066;     --erro-fundo: #2A1414;    --erro-borda: #5C2420;
    --atencao: #FDB022;  --atencao-fundo: #2A2010; --atencao-borda: #5A4318;
    --ok: #47CD89;       --ok-fundo: #10241A;      --ok-borda: #1E4D33;
    --info: #84ADFF;     --info-fundo: #131D33;    --info-borda: #24375E;
    --lateral: #0B0D11;
    --sombra-1: none;
    --sombra-2: 0 1px 2px rgba(0, 0, 0, .4);
    --sombra-3: 0 16px 40px -8px rgba(0, 0, 0, .6);
    color-scheme: dark;
}