/* ============================================================
   CLLCTD — DESIGN TOKENS  (Concept 1A · Cinematic)
   Single source of truth. Every page loads this first.
   ============================================================ */
:root {
  /* ---- colour ---- */
  --ink:        #0b0805;   /* page background (warm black) */
  --ink-2:      #0a0805;   /* console background */
  --panel:      #100c07;   /* raised surfaces */
  --panel-2:    #0e0a06;   /* secondary surface */
  --panel-grad: linear-gradient(165deg,#15100a,#0d0a06);
  --line:       rgba(242,235,221,.11);   /* hairline borders */
  --line-soft:  rgba(242,235,221,.07);
  --cream:      #f2ebdd;   /* primary text */
  --cream-dim:  #a29885;   /* body / secondary text */
  --mute:       #857c6d;   /* labels / metadata */
  --faint:      #5f594d;   /* tertiary / disabled */
  --amber:      #eaa63a;   /* primary accent / CTA */
  --amber-hi:   #f2c877;   /* accent hover */
  --amber-soft: rgba(234,166,58,.10);
  --signal:     #8fbf72;   /* verified / grade pass */
  --warn:       #e0733b;   /* error / private */

  /* ---- typography ---- */
  --font-sans:  'Instrument Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:  'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif; /* fat-face Didone — brand moments only */

  /* type scale (desktop) */
  --fs-display: 74px;   /* hero H1 */
  --fs-h2:      52px;   /* section titles */
  --fs-h3:      26px;
  --fs-body:    17px;
  --fs-small:   14px;
  --fs-mono:    11px;   /* eyebrows / labels */
  --lh-tight:   .98;
  --lh-body:    1.6;
  --tracking-mono: .22em;

  /* ---- spacing (4px base) ---- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-6: 24px; --sp-8: 32px; --sp-10: 40px; --sp-12: 48px;
  --sp-16: 64px; --sp-section: 96px; --sp-section-lg: 110px;

  /* ---- layout ---- */
  --maxw: 1240px;
  --gutter: 40px;
  --nav-h: 72px;

  /* ---- radius ---- */
  --r-control: 3px;
  --r-panel: 6px;

  /* ---- shadow ---- */
  --shadow-panel: 0 40px 80px -30px rgba(0,0,0,.8);
  --shadow-cta:   0 10px 30px rgba(234,166,58,.28);

  /* ---- motion ---- */
  --dur-fast: 160ms;
  --dur-base: 280ms;
  --dur-reveal: 600ms;
  --ease-out: cubic-bezier(.2,.7,.3,1);
  --loop-hero: 18s;      /* master Capture→Grade→License loop */
  --loop-strip: 18s;     /* filmstrip travel */
  --loop-assembly: 8s;   /* sample-pack build */
}