/* ============================================================
   Winston Dane — Design Tokens
   Source of truth: 00-brand/visual-identity.md
   (extracted from the computed CSS of live winstondane.com, 2026-07-21)
   Rule of thumb: white is the surface, gold is a spice, corners are square.
   ============================================================ */

:root {
  /* ---- Core color ---- */
  --wd-ink:        #191919;   /* headlines, primary text on light */
  --wd-body:       #505050;   /* paragraph copy */
  --wd-muted:      #a8a8a8;   /* captions, fine print */
  --wd-gold:       #dbae77;   /* THE accent — CTA, hairline rule, one emphasis. Use sparingly. */
  --wd-gold-ink:   #ffffff;   /* text on gold is always white */
  --wd-base:       #ffffff;   /* dominant surface */

  /* ---- Secondary neutrals (slate family) ---- */
  --wd-slate-900:  #202437;   /* deep slate — dark section grounds */
  --wd-slate-700:  #4a4a60;
  --wd-slate-500:  #6b7282;
  --wd-slate-400:  #8b93a7;   /* eyebrow / label text */
  --wd-slate-100:  #d6dae8;   /* dividers, card fills */
  --wd-rule:       #cccccc;   /* neutral borders */

  /* Deepest ground — from the HeyGen "Winston Dane" brand kit (#081126).
     Darker & more premium than the slate; use for the cinematic dark video hero. */
  --wd-navy:       #081126;

  /* A near-black warm-tinted gold for hover on gold buttons */
  --wd-gold-deep:  #c69759;

  /* ---- Type ---- */
  --wd-serif:  "Cormorant Garamond", Georgia, "Times New Roman", serif;   /* headlines, weight 400 ONLY */
  --wd-sans:   "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;

  /* Fluid type scale — luxury = generous, airy */
  --wd-h1: clamp(2.75rem, 1.6rem + 4.4vw, 4.75rem);  /* ~44–76px, hero */
  --wd-h2: clamp(1.9rem, 1.3rem + 2.2vw, 2.75rem);   /* ~30–44px */
  --wd-h3: clamp(1.35rem, 1.1rem + 1vw, 1.75rem);    /* ~22–28px */
  --wd-body-size: 1.0625rem;   /* 17px */
  --wd-body-lh:   1.9;         /* airy — matches live site */
  --wd-eyebrow:   0.78rem;     /* label / eyebrow */

  /* ---- Space & rhythm ---- */
  --wd-section-y: clamp(4rem, 2.5rem + 6vw, 8.5rem);  /* vertical breathing room between sections */
  --wd-gutter:    clamp(1.25rem, 0.5rem + 3vw, 3rem);
  --wd-maxw:      1240px;       /* content max width */
  --wd-maxw-text: 62ch;         /* readable measure for prose */

  /* ---- Line / border ---- */
  --wd-radius: 0;               /* SQUARE. Deliberate. No pills, ever. */
  --wd-hairline: 1px;

  /* ---- Motion — restrained, never bouncy ---- */
  --wd-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --wd-dur:  0.6s;
}