/* Every Who's Up theme, scoped for previews. Built from platform/themes.js. */
[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;
  --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;
  --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: "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: .02em;
  --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;
  --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: #171920;
  --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;
  --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;
  --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: #bba584;
  --rule: rgba(247, 231, 196, .22);
  --rule-soft: rgba(247, 231, 196, .1);
  --glow-strength: 35%;
  color-scheme: dark;
  --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;
  --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: #000000;
  --paper-2: #0d0d0f;
  --card: #0d0d0f;
  --ink: #ffffff;
  --text: #f0f0f0;
  --muted: #9a9aa2;
  --rule: rgba(255, 255, 255, .2);
  --rule-soft: rgba(255, 255, 255, .08);
  --glow-strength: 60%;
  color-scheme: dark;
  --focus: var(--accent-bright);
  --live: var(--accent-bright);
  --glow: color-mix(in srgb, var(--accent-bright) var(--glow-strength), transparent);
  --bg: var(--paper);
  --card-border: 2px solid var(--ink);
}
[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; }