/* ============================================================
   TOKENS · CT Jhemerson Team
   Direção: "esportivo editorial claro"
   (Gympass arejado + caps massivo Stone + pill Nubank)
   Paleta PROPOSTA (validar no GATE 2; ajustar quando a logo chegar)
   ============================================================ */

:root {
  /* ---------- CORES (ver paleta-cliente.md) ---------- */
  --cor-base: #F7F4EE;          /* areia — fundo dominante */
  --cor-ink: #101418;           /* preto tatame — texto e bandas escuras */
  --cor-ink-70: #3A4048;        /* grafite — texto secundário */
  --cor-claro: #FFFFFF;         /* cards sobre areia / texto sobre ink */
  --cor-accent: #D92B2B;        /* vermelho córner — SÓ CTA e highlight */
  --cor-accent-hover: #C32323;  /* flowbite 600 */
  --cor-accent-soft: #F1E9E9;   /* flowbite 100 — chips/eyebrows */
  --cor-accent-border: #E8CFCF; /* flowbite 200 — hairlines warm */
  --cor-whatsapp: #1FAF54;      /* só botão WhatsApp */

  /* sobre ink */
  --cor-claro-60: rgba(247, 244, 238, 0.6);
  --cor-claro-15: rgba(247, 244, 238, 0.15);

  /* ---------- TIPOGRAFIA ----------
     REV 2 (referência nova colada no chat: peleacademia.com — dominante).
     Lá: display wide gothic (wedding-gothic-atf) em CAPS com tracking +
     body proxima-nova-wide. Equivalentes Google Fonts:
     Display: Archivo EXPANDED (wdth 125) — wide, caps, institucional forte.
     Body: Instrument Sans (mantida). Mono: IBM Plex Mono (eyebrows). */
  --fonte-display: 'Archivo', 'Arial Black', sans-serif;
  --fonte-body: 'Instrument Sans', 'Helvetica Neue', sans-serif;
  --fonte-mono: 'IBM Plex Mono', 'Courier New', monospace;
  --display-stretch: 125%;     /* wide, como a wedding-gothic da referência */
  --display-peso: 800;

  /* escala (hero menor que a rev 1 — wide ocupa mais largura) */
  --texto-hero: clamp(2.4rem, 5.2vw, 4.6rem);
  --texto-h2: clamp(1.9rem, 3.6vw, 3rem);
  --texto-h3: clamp(1.15rem, 1.8vw, 1.5rem);
  --texto-body-lg: 1.1875rem;
  --texto-body: 1rem;
  --texto-caption: 0.875rem;
  --texto-eyebrow: 0.8125rem;
  --texto-stat: clamp(2.5rem, 4.5vw, 3.75rem);

  /* comportamento */
  --lh-display: 1.04;          /* wide caps respira mais que condensado */
  --lh-body: 1.6;
  --ls-display: 0.02em;        /* tracking .02em do CSS da referência */
  --ls-eyebrow: 0.14em;        /* .14em: mesmo valor usado na referência */

  /* ---------- HERO / BANDAS COM FOTO (comportamento peleacademia) ---------- */
  --overlay-escuro: rgba(0, 0, 0, 0.72);   /* #000000b8 da referência */
  --hero-min-h: 92vh;

  /* ---------- ESPAÇAMENTO (ritmo Gympass: arejado entre seções) ---------- */
  --esp-1: 0.5rem;
  --esp-2: 1rem;
  --esp-3: 1.5rem;
  --esp-4: 2.5rem;
  --esp-secao: clamp(5rem, 10vw, 8.5rem);   /* entre seções: dramático */
  --esp-secao-interno: clamp(2rem, 4vw, 3.5rem);
  --container: 72rem;
  --container-pad: clamp(1.25rem, 4vw, 2.5rem);

  /* ---------- RADIUS ---------- */
  --radius-btn: 0px;           /* botões QUADRADOS — decisão do operador no GATE 2 */
  --radius-card: 8px;          /* REV 3.16: operador pediu cantos menos arredondados */
  --radius-foto: 10px;
  --radius-chip: 6px;

  /* ---------- SOMBRAS (só em interativos; coloridas, não cinza) ---------- */
  --sombra-cta: 0 8px 24px -8px rgba(217, 43, 43, 0.45);
  --sombra-cta-hover: 0 12px 32px -8px rgba(217, 43, 43, 0.55);
  --sombra-card-hover: 0 20px 40px -16px rgba(16, 20, 24, 0.25);

  /* ---------- MOTION (números dos snippets Magic UI) ---------- */
  --dur-reveal: 0.4s;                       /* blur-fade */
  --ease-reveal: ease-out;                  /* blur-fade */
  --reveal-blur: 6px;                       /* blur-fade */
  --reveal-offset: 6px;                     /* blur-fade */
  --dur-marquee: 40s;                       /* marquee */
  --gap-marquee: 1rem;                      /* marquee */
  --dur-shimmer: 3s;                        /* shimmer-button */
  --dur-shine: 1000ms;                      /* shine-hover (21st @shadcnspace, colado pelo operador) */
  --dur-hover: 0.3s;                        /* shimmer-button highlight */
  --ease-hover: ease-in-out;
  --dur-card: 0.45s;
  --ease-card: cubic-bezier(0.22, 1, 0.36, 1);
}