/* Design tokens Mendes & Maranhão.
   Identidade: marinho profundo (#0d1b2e) estrutural + dourado (#c9a227) de acento.
   REGRA DE OURO (spec §6): o semáforo de urgência (vermelho/amarelo/verde + cinza
   SEM PRAZO) é a ÚNICA linguagem de risco. O dourado JAMAIS sinaliza prazo — ele é
   identidade/destaque. Os hex do semáforo são invariáveis nos dois temas. */
:root {
  /* ---- Marca ---- */
  --marinho: #0d1b2e;
  --marinho-900: #091321;
  --marinho-700: #17263d;
  --marinho-600: #22354f;
  --dourado: #c9a227;
  --dourado-claro: #e0c458;
  --dourado-escuro: #a8851b;

  /* ---- Semáforo de urgência — INVARIÁVEL nos dois temas ---- */
  --urgencia-vencido: #c0392b;
  --urgencia-urgente: #e74c3c;
  --urgencia-atencao: #f1c40f;
  --urgencia-normal: #2ecc71;
  --urgencia-sem: #95a5a6;

  /* ---- Superfícies e texto — tema claro (default) ---- */
  --fundo: #eceff4;
  --fundo-2: #e3e8ef;
  --superficie: #ffffff;
  --superficie-2: #f6f8fb;   /* zebra / hover de linha */
  --texto: #14202e;
  --texto-suave: #566472;
  --texto-fraco: #8794a2;
  --borda: #dde3ec;
  --borda-forte: #c6cede;
  --header-bg: var(--marinho);
  --header-txt: #eef2f7;
  --nav-bg: var(--marinho-700);
  --link: #1c4b82;
  --foco: #2f6fb0;           /* anel de foco visível */

  /* ---- Elevação ---- */
  --sombra-sm: 0 1px 2px rgba(13, 27, 46, .08);
  --sombra: 0 2px 6px rgba(13, 27, 46, .09), 0 1px 2px rgba(13, 27, 46, .05);
  --sombra-lg: 0 12px 28px -8px rgba(13, 27, 46, .22), 0 4px 10px rgba(13, 27, 46, .08);

  /* ---- Forma ---- */
  --raio: 10px;
  --raio-sm: 7px;
  --raio-pill: 999px;
  --sidebar-larg: 232px;
  --sidebar-larg-mini: 64px;

  /* ---- Tipografia: serif da marca p/ títulos e números; sans p/ dados e UI ---- */
  --serif: "Century Schoolbook", Georgia, "Times New Roman", serif;
  --sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* ---- Escala de espaçamento ---- */
  --esp-1: .25rem; --esp-2: .5rem; --esp-3: .75rem;
  --esp-4: 1rem;   --esp-5: 1.5rem; --esp-6: 2rem;

  /* ---- Movimento ---- */
  --transicao: 160ms cubic-bezier(.4, 0, .2, 1);
}

/* ===== Tema escuro — base no marinho da marca, contraste real ===== */
:root[data-tema="escuro"] {
  --fundo: #091320;
  --fundo-2: #0c1a2b;
  --superficie: #13233a;
  --superficie-2: #1a2c46;
  --texto: #e9eef5;
  --texto-suave: #a6b6c8;
  --texto-fraco: #7889a0;
  --borda: #27384f;
  --borda-forte: #35486180;
  --header-bg: #060d18;
  --header-txt: #eef2f7;
  --nav-bg: #0c1726;
  --link: #8fbcef;
  --foco: #6ba7e0;
  --sombra-sm: 0 1px 2px rgba(0, 0, 0, .38);
  --sombra: 0 2px 8px rgba(0, 0, 0, .45);
  --sombra-lg: 0 14px 30px -8px rgba(0, 0, 0, .62), 0 4px 12px rgba(0, 0, 0, .4);
}

/* Escuro implícito: prefers-color-scheme sem escolha explícita de tema claro. */
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) {
    --fundo: #091320;
    --fundo-2: #0c1a2b;
    --superficie: #13233a;
    --superficie-2: #1a2c46;
    --texto: #e9eef5;
    --texto-suave: #a6b6c8;
    --texto-fraco: #7889a0;
    --borda: #27384f;
    --borda-forte: #35486180;
    --header-bg: #060d18;
    --header-txt: #eef2f7;
    --nav-bg: #0c1726;
    --link: #8fbcef;
    --foco: #6ba7e0;
    --sombra-sm: 0 1px 2px rgba(0, 0, 0, .38);
    --sombra: 0 2px 8px rgba(0, 0, 0, .45);
    --sombra-lg: 0 14px 30px -8px rgba(0, 0, 0, .62), 0 4px 12px rgba(0, 0, 0, .4);
  }
}