/*
  hcworkshop design tokens (v2)
  Brand extracted from https://adsandfunnels.com/hcworkshop on 2026-09-14, then tightened:
  the original gradient's lemon stop (#f7ef8a) is kept only as a sheen inside gradients, never as a standalone colour.
  Anything adjusted for mobile readability is marked ADJUSTED.
*/

:root {
  /* ---- Surfaces ---- */
  --bg: #050505;                     /* page ground (original #000, lifted a hair so gold has depth to sit on) */
  --bg-elevated: #0e0e0e;            /* alternating bands (original proof band #1b1b1b) */
  --bg-panel: #121212;               /* bordered panels */
  --bg-card: #f6f4ee;                /* Ben Knight card (original #f8f8f8, warmed toward the gold) */

  /* ---- Gold ramp (one metal, several lights) ---- */
  --gold-deep: #9c7a22;              /* shadowed metal */
  --gold: #c9a24a;                   /* primary gold: rules, markers, borders */
  --gold-text: #d9b85c;              /* headings on black, contrast 10.2:1 */
  --gold-sheen: #e6c26a;             /* highlight stop inside gradients only */
  --gold-hover: #dcb44f;             /* single hover state */
  --gold-gradient: linear-gradient(100deg, #9c7a22 0%, #d9b85c 38%, #f1dc8f 50%, #d2ac47 62%, #ae8625 100%); /* h1 only, brand signature */
  --gold-metal: linear-gradient(180deg, #f0d27a 0%, #d4ad4e 38%, #b8912f 70%, #9c7a22 100%);  /* buttons: brighter crown, darker foot, reads as metal not flat fill */
  --gold-metal-hover: linear-gradient(180deg, #f7dd8c 0%, #dfb955 38%, #c39a35 70%, #a68326 100%);

  /* ---- Text ---- */
  --text: #f5f2ea;                   /* warm white body (original #fff) */
  --text-muted: #a8a49a;             /* 7.3:1 on --bg */
  --text-on-gold: #14100a;
  --text-on-card: #1b1b1b;
  --text-on-card-muted: #4b5563;
  --star: #d9b85c;
  --focus: #e6c26a;

  /* ---- Lines ---- */
  --line: rgba(201, 162, 74, 0.22); /* gold hairline */
  --line-soft: rgba(245, 242, 234, 0.08);

  /* ---- Typography ---- */
  --font-display: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-body: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  /* Original desktop sizes (px): hero h1 51, section h2 48-59, caption 22-26, body 16-18, CTA 33/16, countdown 48/16 */
  --fs-hero: clamp(1.75rem, 0.9rem + 2.2vw, 2.5rem);     /* 28px at 375, 32px at 800, 40px from 1165 (centred across the top; ADJUSTED from 51 so CTA and video clear a 720px fold) */
  --fs-h2: clamp(1.625rem, 1.1rem + 2.2vw, 2.5rem);     /* 26px mobile, 40px desktop */
  --fs-h3: clamp(1.25rem, 1.1rem + 0.8vw, 1.5rem);      /* captions 20-24px */
  --fs-body: clamp(1.0625rem, 1rem + 0.3vw, 1.125rem);  /* 17px minimum at 375 (ADJUSTED from 16), 18px desktop */
  --fs-small: 0.9375rem;
  --fs-eyebrow: 0.9375rem;
  --fs-cta: clamp(1.125rem, 1rem + 0.5vw, 1.25rem);     /* 18px mobile, 20px desktop */
  --fs-cta-sub: 0.9375rem;
  --fs-countdown: clamp(2.25rem, 1.8rem + 1.6vw, 3rem); /* 36px mobile, 48px desktop */
  --fs-countdown-label: 0.8125rem;

  --lh-tight: 1.1;
  --lh-heading: 1.2;
  --lh-body: 1.6;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  --fw-extrabold: 800;
  --track-display: -0.02em;

  /* ---- Spacing scale ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;
  --space-8: 96px;

  /* ---- Layout ---- */
  --container: 1160px;
  --narrow: 720px;
  --gutter: 20px;
  --radius: 6px;
  --radius-card: 14px;
  --radius-pill: 999px;

  /* ---- Button ---- */
  --btn-min-height: 56px;
  --btn-pad-x: var(--space-5);
  --btn-fg: var(--text-on-gold);

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);     /* ease-out-expo */
  --ease-soft: cubic-bezier(0.22, 1, 0.36, 1);   /* ease-out-quint */
  --dur-fast: 180ms;
  --dur: 600ms;
  --dur-slow: 1100ms;

  /* ---- Z scale ---- */
  --z-sticky: 20;
  --z-backdrop: 30;
  --z-modal: 40;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 0ms; --dur: 0ms; --dur-slow: 0ms; }
}