/* ============================================================
   SHOTSBYZEESHAN — Design tokens
   World: "The Cinema Print Room" — dark cinematic editorial
   ============================================================ */
:root{
  /* — Ground (deep pine greens, sampled from zeeshansiddique.co.uk) — */
  --ink:        #19221E;   /* rgb(25,34,30)  — darkest green */
  --ink-1:      #193934;   /* rgb(25,57,52)  — deep pine (header/nav) */
  --ink-2:      #22463D;   /* derived elevation step */
  --ink-3:      #496357;   /* rgb(73,99,87)  — mid green */

  /* — Light (his cream, never pure white) — */
  --paper:      #EEE8D8;   /* rgb(238,232,216) — cream text/logo */
  --paper-dim:  rgba(238,232,216,.66);
  --paper-soft: rgba(238,232,216,.42);
  --paper-faint:rgba(238,232,216,.16);

  /* — Accent (his sage green; token names kept for continuity) — */
  --gold:        #7D9F90;  /* rgb(125,159,144) — sage */
  --gold-bright: #BECFC8;  /* rgb(190,207,200) — pale sage */
  --gold-deep:   #496357;  /* rgb(73,99,87)  — deep sage-green */

  /* — Hairlines & fields — */
  --line-gold:  rgba(125,159,144,.34);
  --line-soft:  rgba(238,232,216,.11);
  --scrim:      rgba(15,22,20,.62);

  /* — Type — */
  --font-display: 'Cinzel', 'Times New Roman', serif;
  --font-ui:      'Jost', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* fluid display scale */
  --fs-hero:  clamp(2.9rem, 1.4rem + 6.4vw, 6rem);
  --fs-h2:    clamp(2rem, 1.2rem + 3vw, 3.4rem);
  --fs-lead:  clamp(1.02rem, 0.94rem + 0.4vw, 1.22rem);
  --fs-label: clamp(.66rem, .6rem + .2vw, .76rem);

  /* — Space — */
  --gutter: clamp(1.25rem, 0.7rem + 2.4vw, 3.25rem);
  --letterbox: clamp(26px, 3.4vh, 46px);

  /* — Motion — */
  --ease-cine:  cubic-bezier(.22,.61,.36,1);
  --ease-expo:  cubic-bezier(.16,1,.3,1);
  --ease-inout: cubic-bezier(.65,.05,.36,1);

  /* — Depth — */
  --shadow-print: 0 26px 60px -24px rgba(0,0,0,.85), 0 6px 18px -10px rgba(0,0,0,.6);
}