/* Tokens do sistema: fontes, tamanhos, espacos, raios, sombras, neutros e estados.
   Tema light. A familia de cor da marca mora SO em style.css
   (LASTRO conflito 2): este arquivo nunca define cor de marca. */
:root {
  /* Tipografia: duas familias (Sistema_de_Estilos) */
  --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;

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

  /* Raios (Padrao_Box_Card) */
  --raio-sm: 8px;
  --raio: 12px;
  --raio-lg: 18px;
  --raio-full: 9999px;

  /* Neutros do tema claro */
  --bg: #F5F7FA;
  --branco: #FFFFFF;
  --borda: #E5E7EB;
  --borda-forte: #D1D5DB;
  --texto: #111827;
  --texto-suave: #4B5563;
  --texto-fraco: #9CA3AF;

  /* Sombras */
  --sombra-sm: 0 1px 2px rgba(16, 24, 40, 0.06);
  --sombra: 0 4px 12px rgba(16, 24, 40, 0.08);
  --sombra-md: 0 8px 24px rgba(16, 24, 40, 0.12);
  --sombra-lg: 0 20px 48px rgba(16, 24, 40, 0.18);

  /* Estados. Verde do toggle tipo 3 (ativo) definido no PASSO 0: #16a34a */
  --verde: #16a34a;
  --verde-suave: #DCFCE7;
  --verde-escuro: #15803D;
  --ambar: #D97706;
  --ambar-suave: #FEF3C7;
  --ambar-escuro: #92400E;
  --vermelho: #DC2626;
  --vermelho-forte: #B91C1C;
  --vermelho-suave: #FEE2E2;
  --azul-info: #0369A1;
  --azul-info-suave: #E0F2FE;

  /* Sobre fundo de cor (painel do login): linhas e texto secundario em branco translucido */
  --linha-sobre-cor: rgba(255, 255, 255, 0.28);
  --texto-sobre-cor-fraco: rgba(255, 255, 255, 0.74);
  /* Veu atras do menu aberto no celular */
  --veu: rgba(17, 24, 39, 0.42);

  --transicao: all 0.15s ease;
}