/* ══════════════════════════════════════════════════════════════
   CURTIX STUDIO — DESIGN TOKENS
   The only :root block in the repo. Every color, radius, type-scale
   and layout value used by home.css, shared.css and case-study.css
   comes from here. See /CLAUDE.md for the standing rules that keep
   it that way.
   ══════════════════════════════════════════════════════════════ */

:root {
  --bg: #06080B;
  --surface: rgba(255,255,255,0.04);
  --surface2: rgba(255,255,255,0.06);
  --surface3: rgba(255,255,255,0.09);
  --border: rgba(255,255,255,0.12);
  --accent: #3D7BFF;
  --accent-deep: #0E2A66;
  --cream: #EFE9DA;
  --text: #FFFFFF;
  --text-muted: #9C9FA6;
  /* #767A84 — raised from #62666E (4.667:1 vs --bg, was 3.480:1,
     below the 4.5:1 line). Same cool-gray undertone, just brighter;
     kept clearly dimmer than --text-muted (7.566:1) so the two-tier
     hierarchy still reads. See RESTYLE-PROGRESS.md for the full
     before/after and the list of selectors this affects. */
  --text-dim: #767A84;
  --red: #FF5555;
  --green: #44CC88;
  --black: #000000;
  --shimmer: rgba(255,255,255,0.03);
  --radius: 16px;
  --radius-sm: 10px;
  --radius-pill: 999px;

  /* case-study layout tokens */
  --cs-max: 1200px;
  --cs-gutter: 28px;

  /* type scale — see CLAUDE.md for the heading/body/label bundles
     that go with these */
  --fs-h1: clamp(3rem, 9vw, 9.5rem);
  --fs-h2: clamp(2.25rem, 5vw, 4.5rem);
  --fs-h3: clamp(1.5rem, 2.5vw, 2rem);
  --fs-body: 17px;
  --fs-small: 14px;
  --fs-label: 11px;

  /* Display-only third family — .script-accent keywords and the
     wordmark (nav, case-study topbar, page-intro) only. Never body
     copy, labels, or anything below --fs-h3. Google Fonts has no
     family literally called "Streetwear"; Pacifico stood in for it
     (user-confirmed) as the closest real match to that brief. */
  --font-script: 'Pacifico', cursive;

  /* work-strip auto-scroll speeds (.cinematic-track) — were inline
     per-instance animation-duration values in index.html, moved here
     as deferred from the refactor step. Named by value, not pace,
     since four distinct speeds don't map cleanly onto three buckets. */
  --duration-scroll-1: 32s;
  --duration-scroll-2: 38s;
  --duration-scroll-3: 40s;
  --duration-scroll-4: 65s;
}