/* Design tokens of direction 2a “Velvet Shelf”. Any new value goes here. */
:root {
  color-scheme: dark;

  --bg: #0e0b0c;
  --surface: #1b1517;
  --line: #2d2326;

  --text: #f5f0f1;
  --text-soft: #ddd3d6;
  --text-nav: #cfc4c7;
  --text-2: #a89da0;
  --text-3: #7d7175;

  --accent: #c9243f;
  --on-accent: #fff;

  --glass: rgba(14, 11, 12, .5);
  --glass-line: rgba(255, 255, 255, .12);
  --veil: rgba(255, 255, 255, .12);
  --veil-line: rgba(255, 255, 255, .14);
  --badge: rgba(14, 11, 12, .85);

  --font: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --r-ctl: 8px;
  --r-poster: 6px;
  --r-chip: 4px;

  --page: 1280px;
  --gutter: 40px;
  --top-h: 68px;

  /* fallback colours for a poster with no artwork */
  --c1: #4a1020;
  --c2: #9b2a44;
}

@media (max-width: 720px) {
  :root {
    --gutter: 20px;
    --top-h: 58px;
  }
}