/*
  DESIGN TOKENS — every color, size, and spacing value, defined once.
  Black page, white type, one serif family (EB Garamond).
  All text colors pass WCAG AA contrast on the background.
*/

:root {
  --bg: #000;              /* pure black, so letterbox bars in stills blend in */
  --bg-raised: #111110;      /* shows behind images while they load */
  --text: #f2f0ec;
  --text-soft: #b3afa7;
  --text-faint: #8f8b84;
  --line: rgba(242, 240, 236, 0.14);
  --scrim: rgba(0, 0, 0, 0.6);   /* darkens a thumbnail under its hover title */
  --focus: #8db8ff;

  --serif: "EB Garamond", Garamond, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;

  --text-sm: 1.0625rem;
  --text-base: 1.1875rem;
  --text-lead: 1.4375rem;
  --text-h2: clamp(1.625rem, 2.4vw, 2rem);
  --text-h1: clamp(2.25rem, 4.2vw, 3.25rem);

  --s1: 0.375rem;
  --s2: 0.75rem;
  --s3: 1.125rem;
  --s4: 1.75rem;
  --s5: 2.75rem;
  --s6: 4.25rem;
  --s7: 6.5rem;

  --page-max: 1440px;
  --gutter: clamp(1.25rem, 3.5vw, 3rem);
  --grid-gap: clamp(0.75rem, 1.4vw, 1.25rem);

  --ease: 220ms ease;
}