/* Joy Saúde e Seguros: tokens do design system (gerado de tokens.json) */
:root {
  --magenta: #b2327d;
  --magenta-escuro: #96286a;
  --ambar: #f5b247;
  --ambar-escuro: #e9a02f;
  --petroleo: #183650;
  --rosa-suave: #f7e6f0;
  --creme-suave: #fef3df;
  --branco: #ffffff;
  --texto: #183650;
  --texto-suave: #4e6275;
  --link: #b2327d;
  --on-magenta: #ffffff;
  --on-petroleo: #ffffff;
  --on-ambar: #183650;
  --borda-campo: #8a7f87;
  --linha: #eadce4;
  --foco: #183650;
  --foco-escuro: #f5b247;
  --erro: #a12b1f;
  --sucesso: #2e7d4f;
  --esp-1: 4px;
  --esp-2: 8px;
  --esp-3: 12px;
  --esp-4: 16px;
  --esp-5: 20px;
  --esp-6: 24px;
  --esp-8: 32px;
  --esp-12: 48px;
  --esp-16: 64px;
  --esp-24: 96px;
  --raio-sm: 8px;
  --raio-md: 16px;
  --raio-lg: 24px;
  --raio-xl: 32px;
  --raio-pill: 999px;
  --sombra-cartao: 0 8px 24px rgba(24, 54, 80, 0.08);
  --sombra-flutuante: 0 12px 32px rgba(24, 54, 80, 0.16);
  --largura-conteudo: 1120px;
  --largura-texto: 640px;
  --ponto-quebra: 768px;
  --alvo-toque: 48px;
  --font-titulo: "Nunito", ui-rounded, "Segoe UI", system-ui, sans-serif;
  --font-corpo: "Nunito Sans", "Segoe UI", system-ui, sans-serif;
}