/* Sizes here are in px because all gallery text is DOM, not baked into the 3D
   scene. Pieces hang on the walls as clickable targets; clicking opens a
   full-size detail view, and the title/description live there. Nothing is
   rendered as a wall-placard texture -- so these are real CSS pixels at device
   resolution, and Cinzel's fine serifs survive. If labels ever do move into the
   scene as textures, this whole scale needs rethinking in texel terms. */
:root {
  --font-display: 'Cinzel', serif;
  --font-body: 'Jost', sans-serif;

  /* Wordmark -- all caps, wide tracking. The wide tracking is deliberate and
     load-bearing: it is what separates this from Best Trophies, which uses the
     same face at 700 in mixed case with default tracking. */
  --text-wordmark: 600 19px/1.1 var(--font-display);
  --track-wordmark: 0.17em;

  /* Artwork title -- all caps. Titles here run to a few words, which is the
     range all-caps Cinzel is strongest in.
     Tracking is .08em: enough to open up the caps, but deliberately well under
     the wordmark's .17em. Size and tracking together are what keep a title from
     reading as the wordmark, since both are now all-caps Cinzel. */
  --text-title: 600 26px/1.3 var(--font-display);
  --text-title-sm: 600 20px/1.35 var(--font-display);
  --track-title: 0.08em;

  /* Attribution line under a title -- artist, or the photograph a painting
     came from. Caps and tracked so it reads as a label, not as prose. */
  --text-artist: 500 13px/1.4 var(--font-body);
  --track-artist: 0.10em;

  /* Medium, dimensions, year. */
  --text-meta: 500 13px/1.6 var(--font-body);

  /* Description copy under a piece. */
  --text-body: 500 15px/1.75 var(--font-body);
  --text-body-sm: 500 14px/1.7 var(--font-body);

  /* Fine print -- the floor. Do not set body copy below this. */
  --text-caption: 500 11px/1.5 var(--font-body);
  --track-caption: 0.04em;

  /* --- splash screen only. See docs/specs/splash-screen.md §5. --- */

  /* The nav-scale --text-wordmark (19px) is too small to carry a full screen;
     this is its display-size counterpart. Tracking is identical and must stay
     so at every size -- it is what separates this from Best Trophies. The
     phone value sits exactly on Cinzel's 18px floor and must not go under it. */
  --text-wordmark-splash: 600 18px/1.1 var(--font-display);

  /* The entrance prompt. Above the Jost 11px floor at both sizes. */
  --text-entrance: 500 14px/1 var(--font-body);
  --track-entrance: 0.10em;

  /* Size floors, for reference rather than direct use:
     Cinzel  -- 18px. It is a display face; below this the carved serifs mush.
     Jost500 -- 11px. Below this even at 500 the geometric forms lose definition. */
}

/* The splash is one composition at two scales, so its scale change lives with
   the scale rather than in the layout. Single breakpoint, no intermediate tier. */
@media (min-width: 620px) {
  :root {
    --text-wordmark-splash: 600 34px/1.1 var(--font-display);
    --text-entrance: 500 15px/1 var(--font-body);
  }
}