/* Tokens do projeto. Unico lugar onde hex de cor existe. */
:root {
  /* Marca (paleta.py #E00000, tema light) */
  --cor-primaria: #E00000;
  --cor-primaria-hover: #B70000;
  --cor-primaria-escura: #840000;
  --cor-primaria-suave: #F8E7E7;
  --cor-primaria-soft: rgba(224, 0, 0, 0.12);
  --cor-primaria-sombra: rgba(224, 0, 0, 0.15);
  --texto-sobre-primaria: #FFFFFF;

  /* Neutros (light) */
  --branco: #FFFFFF;
  --fundo: #F4F5F7;
  --superficie: #FFFFFF;
  --borda: #E3E5E9;
  --borda-forte: #CDD1D7;
  --texto: #1B1F24;
  --texto-suave: #3D4450;
  --texto-secundario: #5C6470;
  --texto-fraco: #8A919C;

  /* Estado */
  --sucesso: #15803D;
  --sucesso-suave: #E7F5EC;
  --perigo: #B42318;
  --perigo-suave: #FDECEA;
  --aviso: #B45309;
  --aviso-suave: #FEF4E6;
  --info: #1D4ED8;
  --info-suave: #EAF0FD;

  /* Tipografia */
  --font: "Poppins", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-titulo: "Poppins", 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;

  /* Forma */
  --raio: 12px; --raio-sm: 8px; --raio-lg: 16px; --raio-full: 999px;
  --sombra: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .08);
  --sombra-alta: 0 20px 50px rgba(0, 0, 0, .25);
  --transicao: .15s ease;

  /* Layout */
  --sidebar-width: 248px;
  --topbar-h: 58px;
  --controle-h: 40px;
}