/* 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);

  --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);

  /* On dark surfaces the brand --red (#c0392b) keeps contrast; the light-surface
     AA variant --red-text loses it, so alias it back. */
  --red-text: var(--red);
}