/* MuseBox design tokens — monochrome chrome, colour borrowed only from the art. */
:root{
  /* ── Ground. Warm white, never #FFF: pure white makes the oranges glare. ── */
  --ground:   #FAF9F6;
  --ink:      #141414;
  --ink-2:    #6E6B66;
  --hair:     #E4E1DB;

  /* No accent colour. Interactive states use --ink. This is deliberate: the
     artwork is the only colour on a default screen, which is what lets the
     full-bleed bands land when they do appear. */

  /* ── Type ── */
  --f-display: 'Archivo', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --f-text:    'Archivo', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --f-mono:    ui-monospace, SFMono-Regular, Menlo, monospace;

  --t-micro:  0.6875rem;   /* 11px — mono captions, prices, sizes */
  --t-body:   1rem;
  --t-lead:   1.25rem;
  --t-title:  1.75rem;
  --t-loud:   clamp(3rem, 11vw, 10rem);

  --tracking-micro:  0.14em;
  --tracking-loud:  -0.03em;

  /* ── Space ── */
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px;
  --s5: 24px; --s6: 32px; --s7: 48px; --s8: 72px; --s9: 120px;

  --page-x:   clamp(16px, 4vw, 64px);
  --grid-gap: clamp(20px, 3vw, 56px);
  --measure:  64ch;
}