/* Tokens do SALAO SAAS. Tema light.
 *
 * Decisão cravada na abertura do projeto (00_GENESIS/LASTRO.md):
 *   família de cor: --cor-primaria (mais -suave e -escura)
 *   arquivo do token: este aqui, bloco :root
 *   valor inicial: #B8860B
 *   PROIBIDO: o hex aparecer em qualquer arquivo de templates/
 *
 * Regra de Sistema_de_Estilos: decisão nova de cor, espaço, raio ou sombra
 * entra aqui ou no componente. Nunca na tela.
 */

:root {
  /* Marca */
  --cor-primaria: #B8860B;
  --cor-primaria-escura: #8F6A08;
  --cor-primaria-suave: #FDF5E1;
  --cor-primaria-sombra: rgba(184, 134, 11, .15);
  --cor-primaria-sombra-forte: rgba(184, 134, 11, .25);

  /* Superfícies e texto */
  --branco: #FFFFFF;
  --fundo: #F5F6F8;
  --borda: #E5E7EB;
  --borda-forte: #D1D5DB;
  --texto: #111827;
  --texto-secundario: #374151;
  --texto-suave: #4B5563;
  --texto-fraco: #9CA3AF;

  /* Estados */
  --verde: #16a34a;
  --verde-suave: #ECFDF3;
  --verde-escuro: #15803D;
  --vermelho: #DC2626;
  --vermelho-suave: #FEF2F2;
  --ambar: #D97706;
  --ambar-suave: #FFFBEB;
  --azul-info: #2563EB;
  --azul-info-suave: #EFF6FF;

  /* Tipografia: duas famílias, papéis 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;

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

  /* Raios: controle 8, card 12, modal grande 18, pill 9999 */
  --raio-sm: 8px;
  --raio: 12px;
  --raio-lg: 18px;
  --raio-full: 9999px;

  /* Sombras */
  --sombra-sm: 0 1px 2px rgba(16, 24, 40, .05);
  --sombra: 0 4px 12px rgba(16, 24, 40, .08);
  --sombra-md: 0 8px 20px rgba(16, 24, 40, .12);
  --sombra-lg: 0 20px 40px rgba(16, 24, 40, .18);

  --transicao: .18s ease;

  /* Estrutura */
  --sidebar-width: 248px;
  --topbar-h: 58px;
  --fu-h: 38px;
}