/* ============================================================
   TEMA.CSS — Tokens de cor (tema claro/escuro)
   ------------------------------------------------------------
   Extraído de agenda.css (2026-08-18) pra poder ser carregado
   sozinho por páginas que só precisam das cores — ex.: login.html
   — sem herdar as regras de layout/telas do app inteiro.
   ============================================================ */

:root {
  --cor-fundo: #f4f5f7;
  --cor-painel: #ffffff;
  --cor-borda: #e2e4e9;
  --cor-texto: #1f2430;
  --cor-texto-suave: #6b7280;
  --cor-acao: #4f46e5;
  --cor-acao-hover: #4338ca;

  /* Prioridades */
  --cor-alta: #ef4444;
  --cor-media: #f59e0b;
  --cor-baixa: #10b981;

  /* Pendência (destaque no histórico) */
  --cor-pendente: #ef4444;
}

/* Tema escuro: sobrescreve só as variáveis */
:root[data-tema="escuro"] {
  --cor-fundo: #16181d;
  --cor-painel: #1f232b;
  --cor-borda: #333844;
  --cor-texto: #e6e8ec;
  --cor-texto-suave: #9aa2b1;
  --cor-acao: #6366f1;
  --cor-acao-hover: #818cf8;
  --cor-pendente: #f87171;
}