/* Hallmark · tokens.css · EightSixEight Media Inc.
 * genre: editorial · macrostructure: Specimen (dark broadsheet)
 * Portable design system. Every colour + font in index.html references a token here.
 */
:root {
  /* ---- Colour · dark broadsheet, warm-tinted (no pure black/white) ---- */
  --color-paper:        oklch(0.155 0.005 80);        /* near-black newsprint */
  --color-paper-2:      oklch(0.185 0.006 80);        /* raised band */
  --color-paper-3:      oklch(0.215 0.005 80);        /* card / inset */
  --color-paper-4:      oklch(0.245 0.005 80);        /* hover inset */
  --color-rule:         oklch(0.30 0.006 80);         /* hairline */
  --color-rule-strong:  oklch(0.42 0.008 82);         /* double-rule / heavy */
  --color-ink:          oklch(0.955 0.013 85);        /* warm off-white text */
  --color-ink-2:        oklch(0.74 0.010 90);         /* muted body (AA on paper) */
  --color-ink-3:        oklch(0.66 0.008 90);         /* faint meta (AA on paper) */
  --color-accent:       oklch(0.76 0.105 86);         /* gold */
  --color-accent-light: oklch(0.86 0.115 90);         /* bright gold */
  --color-accent-ink:   oklch(0.155 0.004 80);        /* ink on gold fill */
  --color-accent-dim:   oklch(0.76 0.105 86 / 0.12);  /* gold wash */
  --color-accent-faint: oklch(0.76 0.105 86 / 0.06);  /* faint gold wash */
  --color-focus:        oklch(0.86 0.115 90);         /* focus ring */
  --color-logo-plate:   oklch(1 0 0);                 /* white stamp behind the dark logo PNG */

  /* ---- Type ---- */
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-body:    "Newsreader", Georgia, "Times New Roman", serif;

  /* ---- Spacing · 4-pt scale ---- */
  --space-3xs: 0.25rem;  --space-2xs: 0.5rem;  --space-xs: 0.75rem;
  --space-sm:  1rem;     --space-md:  1.5rem;  --space-lg:  2rem;
  --space-xl:  3rem;     --space-2xl: 4.5rem;  --space-3xl: 7rem;
  --space-4xl: 10rem;

  /* ---- Type scale · major third (1.25) ---- */
  --text-xs:   0.72rem;
  --text-sm:   0.82rem;
  --text-base: 1rem;
  --text-md:   1.15rem;
  --text-lg:   1.4rem;
  --text-xl:   1.8rem;
  --text-2xl:  2.3rem;
  --text-3xl:  3rem;
  --text-display:   clamp(2.4rem, 5vw + 0.5rem, 4.4rem);
  --text-display-s: clamp(2rem, 3.5vw + 0.5rem, 3.4rem);

  /* ---- Rules + radius (broadsheet = square) ---- */
  --rule-hair: 1px;
  --rule-thick: 2px;
  --radius-stamp: 3px;

  /* ---- Motion ---- */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-short: 220ms;
  --dur-mid:   420ms;
  --dur-long:  800ms;

  /* ---- z-index · named scale ---- */
  --z-base: 1;
  --z-raised: 10;
  --z-nav: 900;
  --z-overlay: 1000;

  /* ---- Page measure ---- */
  --measure: 68ch;
  --gutter: clamp(1.25rem, 5vw, 4.5rem);
}