/* Tokens do Controle de Obrigações — Anderson Baião Contabilidade.
   Cor de marca: #007830 (verde do logo).
   PROIBIDO: hex direto em templates. Sempre var(--accent).
*/

:root {
  /* Tema claro (padrão) */
  --bg: #f5f7f6;
  --bg-elev: #ffffff;
  --surface: #ffffff;
  --border: #e2e6e3;
  --border-forte: #cbd2ce;
  --text: #14211a;
  --text-secundario: #3d4a44;
  --text-suave: #6b7a72;
  --text-fraco: #98a29c;

  --accent: #007830;
  --accent-hover: #006427;
  --accent-escura: #004f1f;
  --accent-suave: #d9f0e2;
  --accent-soft: #ecfaf1;
  --accent-texto-dark: #12ff71;

  --success: #16a34a;
  --danger: #e74c3c;
  --warning: #f59e0b;
  --info: #2563eb;

  /* Duas famílias */
  --font: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-titulo: 'Sora', 'Inter', sans-serif;

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

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

  --radius: 10px; --radius-sm: 6px; --radius-lg: 16px;
  --radius-full: 999px;
  --shadow: 0 2px 10px rgba(20, 33, 26, 0.06);
  --shadow-md: 0 6px 18px rgba(20, 33, 26, 0.08);
  --blur: blur(12px);

  --sidebar-w: 248px;
  --topbar-h: 60px;

  --transicao: 160ms ease;
}

/* Tema escuro (opt-in via botão no header ou prefers-color-scheme) */
:root[data-theme="dark"] {
  --bg: #0d1310;
  --bg-elev: #141a16;
  --surface: #1a201d;
  --border: #262d29;
  --border-forte: #333c37;
  --text: #e8eae9;
  --text-secundario: #b6bcb8;
  --text-suave: #8f9691;
  --text-fraco: #6a716c;

  --accent: #12ff71;
  --accent-hover: #0dd960;
  --accent-escura: #0ab454;
  --accent-suave: #163024;
  --accent-soft: #0f1e17;

  --badge-verde-bg: #0f2918;
  --badge-verde-text: #4ade80;

  --shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 6px 18px rgba(0, 0, 0, 0.45);
}
/* Cores semânticas do resumo do dashboard. */
:root { --resumo-ok-bg: #f0fdf4; --resumo-ok-borda: #bbf7d0; --resumo-ok-texto: #166534; --resumo-erro-bg: #fff1f2; --resumo-erro-borda: #fecdd3; --resumo-erro-texto: #b91c1c; --resumo-neutro: #64748b; }
:root[data-theme="dark"] { --resumo-ok-bg: #0f2918; --resumo-ok-borda: #225638; --resumo-ok-texto: #4ade80; --resumo-erro-bg: #2c171b; --resumo-erro-borda: #71353e; --resumo-erro-texto: #fda4af; --resumo-neutro: #a8b8cc; }