/* ============================================================
   DESIGN TOKENS — Six Zeros Society light theme
   Single source of truth for color, type, spacing, motion.
   Bold black/gold/red on off-white — matches the ad creative style
   (Temu/Alex-Hormozi-adjacent direct-response look), built for
   phone-native legibility in bright light.
   ============================================================ */

:root {
  /* ---- Brand / accent ---- */
  --gold: #e6960f;
  --gold-bright: #ffb020;
  --gold-deep: #b5760a;
  --green: #1fa35c;
  --green-deep: #17824a;
  --terra: #e07a52;       /* warm secondary */
  --olive: #9aa06a;
  --red: #e0342a;
  --hot: #ff4433;         /* deal red — urgency badges */
  --hot-2: #ff7a1a;
  --glow-hot: 0 0 20px rgba(255, 68, 51, 0.35);

  /* ---- Light surfaces (off-white, not sterile #fff) ---- */
  --bg: #f7f5f1;
  --bg-2: #ffffff;
  --surface: #ffffff;
  --card: #ffffff;
  --card-raised: #fbfaf7;
  --border: rgba(20, 17, 14, 0.09);
  --border-strong: rgba(20, 17, 14, 0.16);

  /* ---- Text (near-black, high contrast for clarity) ---- */
  --text: #14110e;
  --text-soft: #322a22;
  --muted: #5c5449;
  --muted-2: #8a8073;

  /* ---- Glows (softened for light bg — used sparingly) ---- */
  --glow-gold: 0 0 32px rgba(230, 150, 15, 0.28);
  --glow-gold-strong: 0 0 48px rgba(230, 150, 15, 0.38);
  --glow-green: 0 0 32px rgba(31, 163, 92, 0.28);

  /* ---- Shadows (soft, grounded — light theme needs real depth cues) ---- */
  --shadow-sm: 0 2px 8px rgba(20, 17, 14, 0.08);
  --shadow: 0 8px 28px rgba(20, 17, 14, 0.12);
  --shadow-lg: 0 24px 64px rgba(20, 17, 14, 0.18);

  /* ---- Type (single clean sans for punch + clarity) ---- */
  --font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --step--1: clamp(0.82rem, 0.78rem + 0.2vw, 0.9rem);
  --step-0: clamp(1rem, 0.95rem + 0.25vw, 1.1rem);
  --step-1: clamp(1.2rem, 1.1rem + 0.5vw, 1.4rem);
  --step-2: clamp(1.5rem, 1.3rem + 1vw, 2rem);
  --step-3: clamp(2rem, 1.6rem + 2vw, 3rem);
  --step-4: clamp(2.6rem, 2rem + 3vw, 4.2rem);

  /* ---- Radius (rounded = warm, never sharp) ---- */
  --r-sm: 10px;
  --r: 16px;
  --r-lg: 24px;
  --r-pill: 999px;

  /* ---- Spacing ---- */
  --space-xs: 0.5rem;
  --space-sm: 0.85rem;
  --space: 1.25rem;
  --space-md: 2rem;
  --space-lg: 3.5rem;
  --space-xl: 6rem;

  /* ---- Layout ---- */
  --maxw: 1120px;
  --maxw-narrow: 760px;

  /* ---- Motion (snappy = "zero latency" feel) ---- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --t-fast: 130ms;
  --t: 220ms;
  --t-slow: 450ms;

  --header-h: 64px;
}