/* Tokens do projeto. Decisao unica de cor, medida, sombra e tipografia.
   Mudou cor, muda aqui. Nenhum template escreve hex.

   Familia de cor escolhida na abertura: --accent (nao --cor-primaria).
   Rampa derivada por paleta.py "#CC0000" --tema light --token accent,
   codigo de saida 0, sem problema de contraste. */

:root {
  /* Marca */
  --accent: #CC0000;
  --accent-hover: #A30000;
  --accent-escura: #700000;
  --accent-suave: #F8E7E7;
  --accent-soft: rgba(204, 0, 0, 0.12);
  --accent-sombra: rgba(204, 0, 0, 0.15);
  --accent-texto: #CC0000;
  --texto-sobre-accent: #FFFFFF;

  /* Superficie e texto, tema light */
  --branco: #FFFFFF;
  --fundo: #F6F7F9;
  --borda: #E5E7EB;
  --borda-forte: #D1D5DB;
  --texto: #111827;
  --texto-secundario: #4B5563;
  --texto-suave: #6B7280;
  --texto-fraco: #9CA3AF;

  /* Estado */
  --verde: #16A34A;
  --verde-suave: #ECFDF3;
  --ambar: #D97706;
  --ambar-suave: #FFFBEB;
  --vermelho: #DC2626;
  --vermelho-suave: #FEF2F2;
  --azul-info: #2563EB;
  --azul-info-suave: #EFF6FF;

  /* Apelidos usados pelas classes de icone */
  --success: var(--verde);
  --danger: var(--vermelho);
  --warning: var(--ambar);
  --muted: var(--texto-fraco);

  /* Tipografia: duas familias, papeis distintos */
  --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;

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

  /* Raio */
  --raio-sm: 8px;
  --raio: 12px;
  --raio-lg: 18px;
  --raio-full: 9999px;

  /* Sombra */
  --sombra-sm: 0 1px 2px rgba(16, 24, 40, 0.05);
  --sombra: 0 4px 12px rgba(16, 24, 40, 0.08);
  --sombra-md: 0 8px 20px rgba(16, 24, 40, 0.10);
  --sombra-lg: 0 20px 40px rgba(16, 24, 40, 0.14);
  --realce-interno: rgba(255, 255, 255, .4);

  /* Casca */
  --sidebar-width: 248px;
  --topbar-h: 58px;

  --transicao: .18s ease;
}