/* Tokens de cor, tipografia, espaco e medida. Mudou aqui, mudou em todo o sistema. */

:root {
  /* Superficie (tema claro, padrao) */
  --bg: #F5F7FA;
  --bg-elev: #FFFFFF;
  --surface: #FFFFFF;
  --surface-glass: rgba(255, 255, 255, 0.7);
  --border: #E2E7EF;

  /* Texto (tema claro) */
  --texto: #171B23;
  --texto-secundario: #5B6472;
  --texto-fraco: #687587;

  /* Marca: --accent (DIA 3, hex #3387E9, ver 00_GENESIS/LASTRO.md) */
  --accent: #3387E9;
  --accent-hover: #1872DC;
  --accent-escura: #135AAD;
  --accent-suave: #E7EFF8;
  --accent-soft: rgba(51, 135, 233, 0.12);
  --accent-sombra: rgba(51, 135, 233, 0.15);
  --accent-texto: #1872DC;
  --texto-sobre-accent: #000000;

  /* Semantico */
  --sucesso: #16a34a;
  --perigo: #e74c3c;
  --aviso: #f1c40f;

  --font: "Poppins", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-titulo: "Poppins", -apple-system, "Segoe UI", Roboto, sans-serif;

  --fs-xs: 12px; --fs-sm: 13px; --fs-base: 15px;
  --fs-lg: 16px; --fs-xl: 20px; --fs-2xl: 26px;

  /* Espaco */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px;
  --sp-4: 16px; --sp-5: 24px; --sp-6: 32px;

  /* Raio (Padrao_Box_Card) */
  --radius-sm: 8px; --radius: 12px; --radius-lg: 18px; --radius-pill: 9999px;

  --shadow: 0 8px 24px rgba(23, 27, 35, 0.07);
  --blur: blur(12px);

  /* Layout */
  --sidebar-w: 258px;
  --topbar-h: 78px;

  /* Barra de filtros (Padrao_Barra_de_Filtros) */
  --fu-h: 38px;

  /* Controles de formulario (Padrao_Formulario) */
  --campo-h: 40px;
}

/* Tema escuro: segue a preferencia do sistema quando o usuario nao escolheu explicitamente */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0D0F12;
    --bg-elev: #14171C;
    --surface: #1A1E24;
    --surface-glass: rgba(26, 30, 36, 0.6);
    --border: #262B33;

    --texto: #E8EAED;
    --texto-secundario: #A7AEB8;
    --texto-fraco: #9AA5B4;

    --accent-hover: #589DED;
    --accent-escura: #7BB4F0;
    --accent-suave: #16283D;
    --accent-soft: rgba(88, 157, 237, 0.16);
    --accent-sombra: rgba(0, 0, 0, 0.35);
    --accent-texto: #7BB4F0;
    --texto-sobre-accent: #000000;

    --shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  }
}

/* Alternador manual: o toggle grava data-theme no <html> e vence a preferencia do sistema */
:root[data-theme="dark"] {
  --bg: #0D0F12;
  --bg-elev: #14171C;
  --surface: #1A1E24;
  --surface-glass: rgba(26, 30, 36, 0.6);
  --border: #262B33;

  --texto: #E8EAED;
  --texto-secundario: #A7AEB8;
  --texto-fraco: #9AA5B4;

  --accent-hover: #589DED;
  --accent-escura: #7BB4F0;
  --accent-suave: #16283D;
  --accent-soft: rgba(88, 157, 237, 0.16);
  --accent-sombra: rgba(0, 0, 0, 0.35);
  --accent-texto: #7BB4F0;
  --texto-sobre-accent: #000000;

  --shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}