/* Cinema Atlas — shared dark-surface tokens.
 *
 * Single source of truth for the dark pages (country, map, director, movement,
 * movements). Link this AFTER the global stylesheet (app.css / tokens.css) and
 * BEFORE the page CSS in each dark template. Do NOT redefine these in page CSS —
 * reference them. Values are the canonical set previously duplicated across
 * country.css / movement.css / director.css.
 */
:root {
  --black-soft: #161616;
  --black-card: #1a1a1a;
  --bone-dim: rgba(227, 218, 201, 0.55);
  --hairline: rgba(227, 218, 201, 0.12);
  --hairline-strong: rgba(227, 218, 201, 0.22);

  /* Secondary text that still has to be read, not just sensed: the year ·
     director line under a film card. --bone-dim is 4.79:1 on --black, which
     only scrapes AA; this is 7.48:1 (AAA) while staying clearly subordinate to
     the 13.8:1 title above it. Use for card meta, not for decorative dimming. */
  --bone-meta: rgba(227, 218, 201, 0.72);

  --cream: var(--color-base);
  --cream-dim: var(--bone-dim);
  --cream-mid: rgba(227, 218, 201, 0.65);
  --gray-mid: var(--bone-dim);
  --border: var(--hairline);
  --border-strong: var(--hairline-strong);

  /* Red TEXT on a dark surface. This used to alias back to --red, on the stated
     grounds that "on dark surfaces the brand --red keeps contrast". It does not:
     #C0392B is 3.52:1 on --black, under the 4.5:1 AA floor. The light-surface
     variant it was replacing is worse still at 2.60:1, because #9C2F23 is a
     *darkened* red and dark-on-dark is the wrong direction — so the old comment
     had the right instinct and the wrong destination.

     --red-legible (5.81:1, base/tokens.css) is the variant that actually passes
     here. Every dark-page consumer of --red-text picks this up: the crumb,
     thread and empty-state links on the movements timeline, the movement and
     country eyebrows, the about/legal body links.

     --red itself is untouched and still correct for rules, fills, outlines and
     accents, where contrast minimums do not apply. Only type moves. */
  --red-text: var(--red-legible);
}