/* Design tokens da CarWith. Não introduza cores novas sem aprovação. */
:root {
  --breu: #0B0D10;
  --chumbo: #15181D;
  --noite: #08090C;
  --linha: #272C33;
  --linha-2: #2A3038;
  --osso: #F2EFE9;
  --osso-forte: #FAF8F4;
  --texto-2: #9A958C;
  --texto-3: #8C877E;
  --ouro: #AD832F;
  --ouro-escuro: #7A6330;
  --whatsapp: #1FA855;
  --borda-botao: #6E7681;

  --fonte-titulo: "29LT Bukra Wide", "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fonte-texto: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;

  --raio: 14px;
  --margem: clamp(24px, 10vw, 192px);
  --coluna: 1536px;
  --respiro: clamp(72px, 6.5vw, 124px);
  --menu-h: 76px;

  /* Escala medida a 1920 px */
  --t-h1: clamp(2.25rem, 3.85vw, 4.625rem);
  --t-h2: clamp(1.75rem, 2.5vw, 3rem);
  --t-h2-grande: clamp(2rem, 3.02vw, 3.625rem);
  --t-sub: clamp(1rem, 1.04vw, 1.25rem);
  --t-corpo: clamp(1rem, 0.95vw, 1.125rem);
  --t-rotulo: 0.8125rem;
  --t-numero: clamp(2.75rem, 3.45vw, 4.125rem);
  --t-etapa: clamp(2rem, 1.9vw, 2.25rem);
}

@media (max-width: 720px) {
  :root { --margem: 24px; --menu-h: 64px; }
}