/* Every Who's Up theme, scoped for previews. Built from platform/themes.js. */
[data-demo][data-accent="red"] { --accent: #d7263d; --accent-bright: #d7263d; }
[data-demo][data-accent="orange"] { --accent: #b44804; --accent-bright: #e85d04; }
[data-demo][data-accent="gold"] { --accent: #896700; --accent-bright: #c99700; }
[data-demo][data-accent="green"] { --accent: #217930; --accent-bright: #2a9d3f; }
[data-demo][data-accent="teal"] { --accent: #0d7a7c; --accent-bright: #0f8b8d; }
[data-demo][data-accent="blue"] { --accent: #2f6fde; --accent-bright: #2f6fde; }
[data-demo][data-accent="purple"] { --accent: #7b3fe4; --accent-bright: #7b3fe4; }
[data-demo][data-accent="pink"] { --accent: #d63384; --accent-bright: #d63384; }
[data-demo="spotlight"] {
  --accent: #d7263d;
  --accent-bright: #d7263d;
  --paper: #f6f5f1;
  --paper-2: #ebe9e2;
  --card: #ffffff;
  --ink: #17181c;
  --text: #24252b;
  --muted: #62646d;
  --rule: rgba(23, 24, 28, .14);
  --rule-soft: rgba(23, 24, 28, .07);
  --glow-strength: 45%;
  --display: "Barlow Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --script: "Barlow Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --body: "Source Sans 3", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --display-weight: 800;
  --display-tracking: .01em;
  --radius: 16px;
  --radius-btn: 999px;
  --card-border: 1px solid var(--rule);
  --card-shadow: 0 1px 2px var(--rule-soft), 0 18px 40px -24px var(--shadow);
  color-scheme: light;
  --star-ink: var(--ink);
  --star-shadow: none;
  --star-anim: none;
  --ticket-band: linear-gradient(90deg, var(--accent), var(--accent-bright), var(--accent));
  --ticket-band-h: 6px;
  --ticket-ring: 0 0 0 transparent;
  --stamp-tilt: -3deg;
  --btn-gloss: 18%;
  --btn-sheen: block;
  --btn-lift: inset 0 1px 0 rgba(255, 255, 255, .28), 0 10px 26px -10px var(--glow), 0 2px 4px -2px var(--shadow);
  --btn-lift-hover: inset 0 1px 0 rgba(255, 255, 255, .3), 0 16px 34px -12px var(--glow), 0 3px 6px -3px var(--shadow);
  --btn-bg: var(--accent);
  --focus: var(--accent);
  --live: var(--accent);
  --accent-deep: color-mix(in srgb, var(--accent) 55%, #000);
  --glow: color-mix(in srgb, var(--accent) var(--glow-strength), transparent);
  --bg: radial-gradient(120% 60% at 50% -10%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 60%), var(--paper);
}
[data-demo="spotlight"][data-night] {
  --paper: #0e0f13;
  --paper-2: #171920;
  --card: #1a1c23;
  --ink: #f4f4f1;
  --text: #e6e6e2;
  --muted: #a3a5ad;
  --rule: rgba(244, 244, 241, .16);
  --rule-soft: rgba(244, 244, 241, .07);
  --glow-strength: 60%;
  color-scheme: dark;
  --star-ink: #ffffff;
  --star-shadow: 0 .06em 0 var(--accent), 0 0 .6em color-mix(in srgb, var(--accent-bright) 25%, transparent);
  --star-anim: none;
  --stage-art: radial-gradient(22% 30% at 86% 20%, rgba(255, 244, 222, .13), transparent 70%), conic-gradient(from 128deg at 66% -20%, transparent 0 4deg, rgba(255, 244, 222, .13) 7deg 15deg, transparent 19deg), conic-gradient(from 214deg at 104% -12%, transparent 0 4deg, rgba(255, 244, 222, .11) 7deg 16deg, transparent 20deg), radial-gradient(70% 30% at 50% 108%, color-mix(in srgb, var(--accent-bright) 22%, transparent), transparent 70%), var(--paper);
  --tile-bg: rgba(255, 255, 255, .03);
  --tile-ink: var(--ink);
  --tile-edge: 2px solid var(--rule);
  --tile-radius: .6em;
  --tile-shadow: none;
  --ticker-bg: rgba(0, 0, 0, .35);
  --ticker-ink: var(--ink);
  --ticker-em: var(--gold);
  --ticker-shadow: none;
  --reel-ring: 0 0 0 2px color-mix(in srgb, var(--ink) 12%, transparent), 0 3vmin 8vmin -2vmin rgba(0, 0, 0, .8);
  --reel-radius: 2vmin;
  --reel-lights: none;
  --veil: radial-gradient(70% 70% at 50% 40%, color-mix(in srgb, var(--accent) 45%, #000), rgba(0, 0, 0, .96));
  --spot: block;
  --focus: var(--accent-bright);
  --live: var(--accent-bright);
  --glow: color-mix(in srgb, var(--accent-bright) var(--glow-strength), transparent);
  --bg: radial-gradient(70% 55% at 50% -12%, color-mix(in srgb, var(--accent-bright) 26%, transparent), transparent 70%), var(--paper);
}
[data-demo="neon"] {
  --accent: #d63384;
  --accent-bright: #d63384;
  --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);
  --glow-strength: 70%;
  --display: "Tilt Neon", "Arial Rounded MT Bold", "Helvetica Neue", Arial, sans-serif;
  --script: "Tilt Neon", "Arial Rounded MT Bold", "Helvetica Neue", Arial, sans-serif;
  --body: "Source Sans 3", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --display-weight: 400;
  --display-tracking: .04em;
  --radius: 16px;
  --radius-btn: 999px;
  --card-border: 1px solid color-mix(in srgb, var(--accent-bright) 40%, transparent);
  --card-shadow: 0 1px 2px var(--rule-soft), 0 18px 40px -24px var(--shadow);
  color-scheme: dark;
  --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);
  --stamp-tilt: -3deg;
  --btn-gloss: 18%;
  --btn-sheen: block;
  --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);
  --btn-bg: var(--accent);
  --focus: var(--accent-bright);
  --live: var(--accent-bright);
  --accent-deep: color-mix(in srgb, var(--accent) 55%, #000);
  --glow: color-mix(in srgb, var(--accent) var(--glow-strength), transparent);
  --bg: radial-gradient(120% 60% at 50% -10%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 60%), var(--paper);
  --btn-edge: #000000;
  --shadow: rgba(0, 0, 0, .6);
  --gold: #ffd166;
  --ok: #5ef0a0;
}
[data-demo="neon"][data-night] {
  --paper: #07060d;
  --paper-2: #120f1c;
  --card: rgba(255, 255, 255, .05);
  --ink: #f4f4f1;
  --text: #e6e6e2;
  --muted: #a3a5ad;
  --rule: rgba(244, 244, 241, .16);
  --rule-soft: rgba(244, 244, 241, .07);
  --glow-strength: 85%;
  color-scheme: dark;
  --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-em: var(--gold);
  --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;
  --reel-lights: none;
  --veil: radial-gradient(60% 60% at 50% 45%, color-mix(in srgb, var(--accent) 24%, #07060d), #07060d 78%);
  --spot: block;
  --focus: var(--accent-bright);
  --live: var(--accent-bright);
  --glow: color-mix(in srgb, var(--accent-bright) var(--glow-strength), transparent);
  --bg: radial-gradient(70% 55% at 50% -12%, color-mix(in srgb, var(--accent-bright) 26%, transparent), transparent 70%), var(--paper);
  --card-border: 1px solid color-mix(in srgb, var(--accent-bright) 45%, transparent);
}
[data-demo="marquee"] {
  --accent: #896700;
  --accent-bright: #c99700;
  --paper: #f3e9d6;
  --paper-2: #e8dbc0;
  --card: #fffaf0;
  --ink: #2b1d12;
  --text: #3a2a1d;
  --muted: #7a6450;
  --rule: rgba(43, 29, 18, .22);
  --rule-soft: rgba(43, 29, 18, .09);
  --glow-strength: 0%;
  --display: Oswald, "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --script: Oswald, "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --body: "Source Serif 4", Georgia, "Times New Roman", serif;
  --display-weight: 700;
  --display-tracking: .04em;
  --radius: 6px;
  --radius-btn: 6px;
  --card-border: 2px solid var(--ink);
  --card-shadow: 5px 5px 0 var(--rule);
  color-scheme: light;
  --star-ink: var(--ink);
  --star-shadow: 0 .05em 0 color-mix(in srgb, var(--gold) 65%, transparent);
  --star-anim: none;
  --ticket-band: radial-gradient(circle, #fff6c9 30%, #f6d77c 42%, transparent 56%) 0 50% / 16px 16px repeat-x, #2b1d12;
  --ticket-band-h: 16px;
  --ticket-ring: 0 0 0 transparent;
  --stamp-tilt: -2deg;
  --btn-gloss: 10%;
  --btn-sheen: block;
  --btn-lift: inset 0 1px 0 rgba(255, 255, 255, .28), 0 10px 26px -10px var(--glow), 0 2px 4px -2px var(--shadow);
  --btn-lift-hover: inset 0 1px 0 rgba(255, 255, 255, .3), 0 16px 34px -12px var(--glow), 0 3px 6px -3px var(--shadow);
  --btn-bg: var(--accent);
  --focus: var(--accent);
  --live: var(--accent);
  --accent-deep: color-mix(in srgb, var(--accent) 55%, #000);
  --glow: color-mix(in srgb, var(--accent) var(--glow-strength), transparent);
  --bg: var(--paper);
  --btn-edge: #2b1d12;
  --gold: #a8740f;
}
[data-demo="marquee"][data-night] {
  --paper: #170f09;
  --paper-2: #21170e;
  --card: #241911;
  --ink: #f7e7c4;
  --text: #efdfbd;
  --muted: #d2bd98;
  --rule: rgba(247, 231, 196, .22);
  --rule-soft: rgba(247, 231, 196, .1);
  --glow-strength: 35%;
  color-scheme: dark;
  --star-ink: var(--gold);
  --star-shadow: 0 .045em 0 #7a4a10, 0 .09em 0 rgba(0, 0, 0, .55), 0 0 .5em rgba(255, 207, 107, .35);
  --star-anim: none;
  --stage-art: radial-gradient(90% 75% at 55% 50%, rgba(10, 2, 3, .82) 30%, rgba(10, 2, 3, .25) 100%), radial-gradient(circle at 50% 0, #8a2129 62%, transparent 64%) 0 0 / 8vmin 3.4vmin repeat-x, repeating-linear-gradient(90deg, rgba(0, 0, 0, .45) 0, rgba(0, 0, 0, 0) 2.2vmin, rgba(255, 210, 200, .07) 3.4vmin, rgba(0, 0, 0, 0) 4.6vmin, rgba(0, 0, 0, .45) 6.8vmin), #5a1218;
  --tile-bg: repeating-linear-gradient(180deg, #141111 0 .42em, #070505 .42em .5em);
  --tile-ink: #f6f1e4;
  --tile-edge: .3em solid #3a2616;
  --tile-radius: .3em;
  --tile-shadow: inset 0 0 .6em #000, 0 .4em 1em rgba(0, 0, 0, .55);
  --ticker-bg: linear-gradient(#ffd77a, #e3a43a);
  --ticker-ink: #2b1d12;
  --ticker-em: #8a2129;
  --ticker-shadow: none;
  --reel-ring: 0 0 0 1.2vmin #3a2616, 0 0 0 1.4vmin rgba(255, 207, 107, .35), 0 3vmin 8vmin -2vmin #000;
  --reel-radius: 1vmin;
  --reel-lights: radial-gradient(circle, #fff6c9 30%, #f6d77c 42%, transparent 56%) 0 0 / 4vmin 4vmin repeat-x, radial-gradient(circle, #fff6c9 30%, #f6d77c 42%, transparent 56%) 0 100% / 4vmin 4vmin repeat-x, radial-gradient(circle, #fff6c9 30%, #f6d77c 42%, transparent 56%) 0 0 / 4vmin 4vmin repeat-y, radial-gradient(circle, #fff6c9 30%, #f6d77c 42%, transparent 56%) 100% 0 / 4vmin 4vmin repeat-y;
  --veil: radial-gradient(65% 65% at 50% 42%, #6e1820, #2a070a 70%, #120304);
  --spot: block;
  --focus: var(--accent-bright);
  --live: var(--accent-bright);
  --glow: color-mix(in srgb, var(--accent-bright) var(--glow-strength), transparent);
  --bg: radial-gradient(70% 55% at 50% -12%, color-mix(in srgb, var(--accent-bright) 26%, transparent), transparent 70%), var(--paper);
  --gold: #ffcf6b;
  --card-border: 2px solid color-mix(in srgb, var(--gold) 55%, transparent);
  --card-shadow: 0 0 0 4px rgba(255, 207, 107, .08), 0 20px 40px -20px #000;
}
[data-demo="paper"] {
  --accent: #2f6fde;
  --accent-bright: #2f6fde;
  --paper: #ffffff;
  --paper-2: #f1f1f2;
  --card: #ffffff;
  --ink: #0b0b0c;
  --text: #1b1b1e;
  --muted: #5d5e66;
  --rule: rgba(11, 11, 12, .14);
  --rule-soft: rgba(11, 11, 12, .06);
  --glow-strength: 0%;
  --display: Montserrat, "Helvetica Neue", Arial, sans-serif;
  --script: Montserrat, "Helvetica Neue", Arial, sans-serif;
  --body: "Source Sans 3", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --display-weight: 900;
  --display-tracking: -.01em;
  --radius: 4px;
  --radius-btn: 4px;
  --card-border: 2px solid var(--ink);
  --card-shadow: none;
  color-scheme: light;
  --star-ink: var(--ink);
  --star-shadow: .05em .05em 0 var(--accent);
  --star-anim: none;
  --ticket-band: var(--ink);
  --ticket-band-h: 10px;
  --ticket-ring: 0 0 0 transparent;
  --stamp-tilt: 0deg;
  --btn-gloss: 0%;
  --btn-sheen: none;
  --btn-lift: 4px 4px 0 var(--ink);
  --btn-lift-hover: 6px 6px 0 var(--ink);
  --btn-bg: var(--accent);
  --focus: var(--accent);
  --live: var(--accent);
  --accent-deep: color-mix(in srgb, var(--accent) 55%, #000);
  --glow: color-mix(in srgb, var(--accent) var(--glow-strength), transparent);
  --bg: var(--paper);
}
[data-demo="paper"][data-night] {
  --paper: #ffffff;
  --paper-2: #f2f2f3;
  --card: #ffffff;
  --ink: #0b0b0c;
  --text: #1b1b1e;
  --muted: #5d5e66;
  --rule: rgba(11, 11, 12, .16);
  --rule-soft: rgba(11, 11, 12, .07);
  --glow-strength: 0%;
  color-scheme: light;
  --star-ink: var(--ink);
  --star-shadow: .055em .055em 0 var(--accent);
  --star-anim: none;
  --stage-art: radial-gradient(rgba(11, 11, 12, .08) 1px, transparent 1.5px) 0 0 / 1.1vmin 1.1vmin, #ffffff;
  --tile-bg: #ffffff;
  --tile-ink: var(--ink);
  --tile-edge: 3px solid var(--ink);
  --tile-radius: 0;
  --tile-shadow: .3em .3em 0 var(--ink);
  --ticker-bg: var(--ink);
  --ticker-ink: #ffffff;
  --ticker-em: color-mix(in srgb, var(--accent) 40%, #fff);
  --ticker-shadow: none;
  --reel-ring: 0 0 0 3px var(--ink), 1vmin 1vmin 0 3px var(--ink);
  --reel-radius: 0;
  --reel-lights: none;
  --veil: linear-gradient(var(--accent) 0 2.4vmin, transparent 2.4vmin calc(100% - 2.4vmin), var(--accent) calc(100% - 2.4vmin)), #ffffff;
  --spot: none;
  --focus: var(--accent);
  --live: var(--accent);
  --glow: color-mix(in srgb, var(--accent-bright) var(--glow-strength), transparent);
  --bg: var(--paper);
  --card-border: 2px solid var(--ink);
  --btn-edge: #0b0b0c;
  --shadow: rgba(11, 11, 12, .2);
  --gold: #8a5d00;
  --ok: #1f7a3a;
  --warn: #9a5a10;
  --accent-bright: var(--accent);
  --sheet: #ffffff;
}