/* Guia Betano — tokens do design (grafite + branco, Heebo). Identidade própria do guia: sem logotipo, arte ou
   paleta da Betano. Laranja só no botão principal, num tom próprio (mais escuro que o da casa); verde no secundário. */
:root {
  --bg: #0e0e10;
  --surface: #17171a;
  --surface-2: #1f1f24;
  --surface-3: #2a2a31;
  --ink: #ffffff;
  --text: #e7e7ea;
  --muted: #a7a7b1;
  --dim: #7a7a84;
  --accent: #ffffff;
  --accent-hover: #e7e7ea;
  --on-accent: #0e0e10;
  --accent-soft: rgba(255, 255, 255, .08);
  --alert: #f0434c;

  /* botões: texto branco com contraste AA (≥ 4,5:1) */
  --cta: #cc4a16;
  --cta-hover: #b8410f;
  --cta-ink: #f2804a;   /* laranja para texto pequeno sobre o fundo escuro */
  --go: #23855a;
  --go-hover: #1d7550;

  --font: 'Heebo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;

  --wrap: 1120px;
  --wrap-text: 860px;
  --gutter: 16px;
  --radius: 16px;
  --radius-sm: 12px;
  --radius-pill: 999px;

  --space-xs: 8px;
  --space-sm: 14px;
  --space-md: 22px;
  --space-lg: 36px;
  --space-xl: 60px;

  --text-xs: .78rem;
  --text-sm: .92rem;
  --text-base: 1.0625rem;
  --text-lg: 1.25rem;
  --text-h2: clamp(1.45rem, 3.8vw, 1.75rem);
  --text-h1: clamp(1.95rem, 6.4vw, 2.625rem);
}