/* =========================================================
   DESIGN TOKENS — Alpha Assessoria Barueri
   ========================================================= */

:root {
  /* ---------- Paleta ---------- */
  --amarelo-principal: #EEA904;
  --amarelo-hover: #FFB800;
  --amarelo-claro: #FFC933;
  --preto-base: #0D0D0D;
  --preto-card: #111111;
  --preto-borda: #1A1A1A;
  --branco: #FFFFFF;
  --cinza-texto: #CCCCCC;
  --cinza-suave: #888888;
  --vermelho-urgencia: #E53935;
  --verde-online: #22C55E;
  --verde-cta: #22C55E;
  --verde-cta-hover: #16A34A;

  /* ---------- Tipografia ---------- */
  --font-base: 'Montserrat', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Escala fluida (clamp) */
  --fs-12: clamp(0.75rem, 0.7rem + 0.2vw, 0.8125rem);
  --fs-14: clamp(0.8125rem, 0.78rem + 0.2vw, 0.875rem);
  --fs-16: clamp(0.95rem, 0.9rem + 0.25vw, 1rem);
  --fs-18: clamp(1rem, 0.95rem + 0.3vw, 1.125rem);
  --fs-20: clamp(1.05rem, 0.98rem + 0.4vw, 1.25rem);
  --fs-24: clamp(1.2rem, 1.1rem + 0.6vw, 1.5rem);
  --fs-28: clamp(1.35rem, 1.2rem + 0.8vw, 1.75rem);
  --fs-32: clamp(1.5rem, 1.3rem + 1vw, 2rem);
  --fs-40: clamp(1.8rem, 1.4rem + 1.6vw, 2.5rem);
  --fs-56: clamp(2.2rem, 1.6rem + 2.6vw, 3.5rem);
  --fs-72: clamp(2.6rem, 1.8rem + 3.6vw, 4.5rem);
  --fs-hero: clamp(3.5rem, 2.4rem + 5.2vw, 7rem);

  /* Pesos */
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extra: 800;
  --fw-black: 900;

  /* ---------- Espaçamentos ---------- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;

  /* Padding vertical de seções (fluido) */
  --section-py: clamp(4rem, 2.5rem + 5vw, 7rem);

  /* ---------- Layout ---------- */
  --container-max: 1240px;
  --container-px: clamp(1.25rem, 0.8rem + 2vw, 2.5rem);

  /* ---------- Bordas e raios ---------- */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 22px;
  --radius-pill: 999px;

  --border-yellow: 1px solid var(--amarelo-principal);

  /* ---------- Sombras ---------- */
  --shadow-yellow-sm: 0 8px 24px -10px rgba(238, 169, 4, 0.35);
  --shadow-yellow-md: 0 18px 40px -16px rgba(238, 169, 4, 0.5);
  --shadow-card: 0 8px 24px rgba(0, 0, 0, 0.35);

  /* ---------- Transições ---------- */
  --t-fast: 0.18s ease;
  --t-base: 0.3s ease;
  --t-slow: 0.6s ease;
  --ease-out-soft: cubic-bezier(0.22, 1, 0.36, 1);

  /* ---------- Z-index ---------- */
  --z-header: 100;
  --z-overlay: 200;
  --z-modal: 300;
}

/* ---------- Custom Media (referência via comentários) ----------
   --bp-xs:  480px;
   --bp-sm:  768px;
   --bp-md:  1024px;
   --bp-lg:  1280px;
--------------------------------------------------------------- */