/* =========================================================
   Tokens — LP Maurício Braga
   Paleta: azul + amarelo.
   ========================================================= */

:root {
  /* --- Azuis (base / estrutura) --- */
  --azul-950: #041B38;
  --azul-900: #062A55;
  --azul-800: #0A3C74;
  --azul-700: #0B4A8F;
  --azul-600: #0B5CA8; /* azul — cor de marca / ação */
  --azul-500: #1273CE;
  --azul-100: #DCEAF9;
  --azul-50:  #EFF5FC;

  /* --- Amarelo (ação / destaque) --- */
  --amarelo-500: #FFC61E; /* amarelo — CTA */
  --amarelo-600: #F0B000;
  --amarelo-700: #C98F00;
  --amarelo-100: #FFF3D1;

  /* --- Neutros --- */
  --branco: #FFFFFF;
  --claro: #F4F7FB;
  --borda: #E2E9F2;
  --borda-escura: rgba(255, 255, 255, 0.14);
  --tinta: #10203A;
  --tinta-suave: #4A5B75;
  --tinta-clara: #7E8DA3;

  /* --- Tipografia --- */
  --fonte-display: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fonte-corpo: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* --- Escala --- */
  --t-hero: clamp(2.15rem, 5.2vw, 3.9rem);
  --t-h2: clamp(1.75rem, 3.4vw, 2.7rem);
  --t-h3: clamp(1.1rem, 1.6vw, 1.3rem);
  --t-corpo: clamp(0.98rem, 1.1vw, 1.06rem);
  --t-pequeno: 0.85rem;
  --t-micro: 0.75rem;

  /* --- Layout --- */
  --largura: 1180px;
  --gutter: clamp(1.15rem, 4vw, 2.5rem);
  --secao-y: clamp(4rem, 8vw, 7rem);
  --raio: 14px;
  --raio-sm: 9px;
  --raio-lg: 22px;

  /* --- Sombras --- */
  --sombra-sm: 0 2px 8px rgba(6, 42, 85, 0.06);
  --sombra: 0 10px 30px rgba(6, 42, 85, 0.09);
  --sombra-lg: 0 24px 60px rgba(4, 27, 56, 0.18);
  --sombra-amarela: 0 8px 24px rgba(255, 198, 30, 0.32);

  /* --- Movimento --- */
  --transicao: 220ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}