/* the-lantern (venue): Neon + venue brand */
:root {
  --accent: #916223;
  --accent-bright: #f2a33a;
  --paper: #0c0b14;
  --paper-2: #15131f;
  --card: rgba(255, 255, 255, .05);
  --ink: #f6f2ff;
  --text: #e7e2f5;
  --muted: #a29cb8;
  --rule: rgba(246, 242, 255, .16);
  --rule-soft: rgba(246, 242, 255, .07);
  --btn-edge: #000000;
  --shadow: rgba(0, 0, 0, .6);
  --focus: var(--accent-bright);
  --live: var(--accent-bright);
  --gold: #ffd166;
  --ok: #5ef0a0;
  --glow-strength: 70%;
  --card-border: 1px solid color-mix(in srgb, var(--accent-bright) 40%, transparent);
  --display: Oswald, "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --script: Oswald, "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --display-weight: 400;
  --display-tracking: .04em;
  color-scheme: dark;
  --accent-ink: color-mix(in srgb, var(--accent-bright) 55%, #fff);
  --star-ink: color-mix(in srgb, var(--accent-bright) 15%, #fff);
  --star-shadow: 0 0 .04em #fff, 0 0 .18em var(--accent-bright), 0 0 .5em var(--accent);
  --star-anim: tube-on 1.5s linear both;
  --ticket-band: var(--accent-bright);
  --ticket-band-h: 3px;
  --ticket-ring: 0 0 0 1px var(--accent-bright), 0 0 30px -6px var(--accent-bright);
  --btn-lift: 0 0 0 1px color-mix(in srgb, var(--accent-bright) 60%, transparent), 0 0 22px -4px var(--accent-bright);
  --btn-lift-hover: 0 0 0 1px var(--accent-bright), 0 0 32px -2px var(--accent-bright);
}
html[data-lights="off"] {
  --paper: #07060d;
  --paper-2: #120f1c;
  --card: rgba(255, 255, 255, .05);
  --glow-strength: 85%;
  --card-border: 1px solid color-mix(in srgb, var(--accent-bright) 45%, transparent);
  --star-ink: color-mix(in srgb, var(--accent-bright) 18%, #fff);
  --star-shadow: 0 0 .03em #fff, 0 0 .1em var(--accent-bright), 0 0 .3em var(--accent-bright), 0 0 .7em var(--accent), 0 0 1.3em var(--accent);
  --star-anim: tube-on 1.5s linear both;
  --stage-art: radial-gradient(80% 70% at 50% 45%, transparent 25%, rgba(0, 0, 0, .78) 100%), linear-gradient(rgba(0, 0, 0, .6) 2px, transparent 2px) 0 0 / 9vmin 4.5vmin, linear-gradient(90deg, rgba(0, 0, 0, .6) 2px, transparent 2px) 0 0 / 9vmin 4.5vmin, linear-gradient(170deg, #241b33, #150f20) 0 0 / 100% 100%, #150f20;
  --tile-bg: transparent;
  --tile-ink: #ffffff;
  --tile-edge: 2px solid var(--accent-bright);
  --tile-radius: 1em;
  --tile-shadow: 0 0 .7em color-mix(in srgb, var(--accent-bright) 55%, transparent), inset 0 0 .7em color-mix(in srgb, var(--accent-bright) 30%, transparent);
  --ticker-bg: rgba(0, 0, 0, .6);
  --ticker-ink: color-mix(in srgb, var(--accent-bright) 18%, #fff);
  --ticker-shadow: 0 0 .35em var(--accent-bright);
  --reel-ring: 0 0 0 2px var(--accent-bright), 0 0 2.6vmin color-mix(in srgb, var(--accent-bright) 55%, transparent), 0 3vmin 8vmin -2vmin #000;
  --reel-radius: 3vmin;
  --veil: radial-gradient(60% 60% at 50% 45%, color-mix(in srgb, var(--accent) 24%, #07060d), #07060d 78%);
}