/* MBK v1 — design tokens (read-only shared layer). Spec §3. */
:root {
  /* grounds */
  --ink: #0A0A0A;
  --paper: #F5F1E4;
  /* the single accent */
  --red: #EB1C24;
  /* secondary text on paper */
  --grey-1: #8f897d;
  --grey-2: #6f6a60;
  /* hairlines */
  --line-on-paper: rgba(10, 10, 10, 0.16);
  --line-on-ink: rgba(245, 241, 228, 0.16);
  /* muted text on ink */
  --ecru-dim: rgba(245, 241, 228, 0.62);

  /* type */
  --font-didone: "Didot", "Bodoni 72", "Bodoni MT", "Didot LT STD", serif;
  --font-sans: "Helvetica Neue", "Neue Haas Grotesk Text Pro", Helvetica, Arial, sans-serif;
  --track-label: 0.34em;
  --track-wide: 0.24em;

  /* scale */
  --size-hero: clamp(2.4rem, 6vw, 4.6rem);
  --size-h2: clamp(1.6rem, 3.4vw, 2.6rem);
  --size-body: 1rem;
  --size-small: 0.8125rem;
  --size-eyebrow: 0.6875rem; /* 11px */

  /* layout */
  --container: 1080px;
  --container-wide: 1320px;
  --rule-w: 74px;
  --rule-h: 6px;

  /* motion */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 300ms;
}