/* ============================================================================
   DESIGN TOKENS — fonte ÚNICA dos tokens de design.
   Ver .planning/notes/2026-06-29-plano-centralizar-design-tokens.md

   Carregado em TODAS as páginas (injetado pelo static.js, ANTES do CSS de cada
   página). FASE 1: os valores aqui são IDÊNTICOS aos do home.css; como o :root de
   cada página carrega DEPOIS, ela ainda vence — então NADA muda visualmente. Nas
   próximas fases o :root duplicado de cada CSS é removido e este arquivo passa a ser
   a fonte real.

   --primary continua vindo do TENANT (COLOR_TAG/branding com !important) — aqui é só
   o default (verde CLAVESP).
   ============================================================================ */

:root {
    /* Marca (default — o tenant sobrescreve via COLOR_TAG) */
    --primary: #007349;
    --primary-dark: #005f3b;
    --primary-light: #34d399;

    /* Fundos / superfícies (escuro = padrão) */
    --bg: #0b1120;
    --bg-soft: #0f172a;
    --surface: #111827;
    --surface-2: #1f2937;
    --surface-3: #0f1a2b;

    /* Bordas e textos */
    --border: rgba(148, 163, 184, 0.2);
    --text: #e2e8f0;
    --text-muted: #94a3b8;
    --text-soft: #cbd5f5;

    /* Status */
    --success: #22c55e;
    --warning: #f59e0b;
    --danger: #ef4444;

    /* Verdes legados (aliases usados em telas antigas) */
    --verde-escuro: #0d3b2e;
    --verde-medio: #145a3d;
    --verde-claro: rgba(20, 90, 61, 0.15);
}

body.light-mode {
    color-scheme: light;

    --primary: #007349;
    --primary-dark: #005f3b;
    --primary-light: #1a7a50;

    --bg: #f8faf8;
    --bg-soft: #f0f4f0;
    --surface: #ffffff;
    --surface-2: #f8faf8;
    --surface-3: #f0f4f0;

    --border: #e5e9e5;
    --text: #0d3b2e;
    --text-muted: #6b7b6b;
    --text-soft: #4a5a4a;
}

body:not(.light-mode) {
    color-scheme: dark;
}