/* Tokens do projeto. A cor da marca vive SÓ aqui (Sistema_de_Estilos). */
:root {
  --cor-primaria: #D50768;
  --cor-simplifica: var(--cor-primaria);   /* marca fixa: o Resumo troca --cor-primaria pela cor do cliente */
  --cor-primaria-hover: #AD0655;
  --cor-primaria-escura: #7C043D;
  --cor-primaria-suave: #F8E7EF;
  --cor-primaria-soft: rgba(213, 7, 104, 0.12);
  --cor-primaria-sombra: rgba(213, 7, 104, 0.15);
  --cor-primaria-texto: #D50768;
  --texto-sobre-cor-primaria: #FFFFFF;
  --preto-marca: #151515;   /* preto da marca (04/10): pingo aceso do logo e, se escolhido, painel do login */

  --fundo: #F6F7F9;
  --superficie: #FFFFFF;
  --borda: #E4E6EB;
  --texto: #1A1D23;
  --texto-suave: #5F6673;
  --texto-fraco: #8A909C;

  --sucesso: #15803D;
  --sucesso-suave: #DCFCE7;
  --alerta: #B45309;
  --alerta-suave: #FEF3C7;
  --erro: #B91C1C;
  --erro-suave: #FEE2E2;

  --font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-titulo: "Sora", "Inter", system-ui, sans-serif;

  --raio: 12px;
  --raio-sm: 8px;
  --sombra: 0 1px 2px rgba(16, 24, 40, 0.06), 0 1px 3px rgba(16, 24, 40, 0.08);
  --sidebar-w: 248px;
  --topbar-h: 58px;
  --controle-h: 40px;
}