/* Design tokens — colors, type, and shared primitives. */
:root {
  --black: #1a1710;
  --red: #b8231a;
  --gold: #c8952a;
  --warm: #fbf7ee;
  --paper: #fffdf8;
  --paper-2: #f1eadf;
  --muted: #655d50;
  --line: rgba(26, 23, 16, 0.14);
  --line-strong: rgba(26, 23, 16, 0.26);
  --shadow: 0 18px 44px rgba(26, 23, 16, 0.14);
  --radius: 8px;
  --marquee-bulb-lit: #ffe7b4;
  --marquee-bulb-hot: #fff8dc;
  --marquee-bulb-lit-soft: rgba(255, 231, 180, 0.82);
  --marquee-bulb-clear: rgba(255, 231, 180, 0);
  --marquee-bulb-glow: rgba(255, 213, 138, 0.7);
  --marquee-bulb-glow-soft: rgba(255, 213, 138, 0.5);
  --marquee-bulb-off-highlight: rgba(251, 247, 238, 0.42);
  --marquee-bulb-off-core: rgba(251, 247, 238, 0.2);
  --marquee-bulb-off-ring: rgba(251, 247, 238, 0.08);
  --marquee-bulb-off: radial-gradient(
      circle at 38% 34%,
      var(--marquee-bulb-off-highlight) 0 2px,
      transparent 2.4px
    ),
    radial-gradient(
      circle,
      var(--marquee-bulb-off-core) 0 4px,
      var(--marquee-bulb-off-ring) 4.4px 6px,
      transparent 6.5px
    );
  --marquee-bulb-on: radial-gradient(
      circle at 38% 34%,
      var(--marquee-bulb-hot) 0 2.2px,
      transparent 2.7px
    ),
    radial-gradient(
      circle,
      var(--marquee-bulb-lit) 0 5px,
      var(--marquee-bulb-lit-soft) 5.4px 6.4px,
      transparent 7px
    );
  --marquee-bulb-off-shadow:
    inset 0 0 0 1px var(--marquee-bulb-off-core),
    0 0 0 1px rgba(26, 23, 16, 0.55);
  --marquee-bulb-on-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.3),
    0 0 5px var(--marquee-bulb-glow),
    0 0 14px rgba(200, 149, 42, 0.62);
  --sans: "Bricolage Grotesque", "Trebuchet MS", Arial, sans-serif;
  --serif: "Fraunces", Georgia, serif;
}