/* Resuma official palettes — html[data-theme].
 *
 * Wire with FlowApp::with_html_theme(HtmlTheme::official()) and
 * <ThemeSwitch> / data-r-theme buttons. Copy this file into your app
 * (`resuma theme --out public/themes.css`) and add more html[data-theme]
 * blocks as you invent palettes.
 *
 * body { background: var(--bg); color: var(--text); }
 */
html[data-theme="paper"] {
  color-scheme: light;
  --bg: #eceff4; --bg-subtle: rgba(255,255,255,0.42); --bg-card: rgba(255,255,255,0.52);
  --border: rgba(15,23,42,0.06); --border-glass: rgba(255,255,255,0.72);
  --text: #0f172a; --muted: #64748b; --text-muted: #64748b; --primary: #1e293b; --primary-hover: #0f172a;
  --primary-soft: rgba(255,255,255,0.65); --accent: #2563eb; --accent-soft: rgba(37,99,235,0.08);
  --success: #059669; --grid-line: rgba(15,23,42,0.07);
  --surface: rgba(255,255,255,0.52); --surface-strong: rgba(255,255,255,0.9); --header-bg: rgba(255,255,255,0.38); --code-bg: rgba(255,255,255,0.55);
  --nav-hover: rgba(255,255,255,0.55); --canvas-veil: rgba(255,255,255,0.72);
  --canvas-hi: #f4f6fa; --canvas-mid: #eceff4; --canvas-lo: #e4e9f0; --orb: rgba(255,255,255,0.85);
  --link-hover: #1d4ed8; --btn-fill: rgba(255,255,255,0.18); --header-border: rgba(255,255,255,0.5);
  --primary-btn: rgba(15,23,42,0.58); --on-primary: #fff; --primary-btn-hover: rgba(15,23,42,0.74);
  --panel: rgba(255,255,255,0.55); --panel-soft: rgba(255,255,255,0.36); --panel-strong: rgba(255,255,255,0.82); --panel-input: rgba(255,255,255,0.7);
  --edge: rgba(255,255,255,0.65); --edge-strong: rgba(255,255,255,0.95); --spec: rgba(255,255,255,0.95); --hairline: rgba(15,23,42,0.07);
  --ink-from: #1e293b; --ink-to: #64748b; --track: rgba(255,255,255,0.45); --focus-ring: rgba(37,99,235,0.16); --placeholder: #94a3b8;
  --blob-hi: rgba(255,255,255,0.95); --blob-mid: rgba(251,207,232,0.25); --blob-lo: rgba(186,230,253,0.2);
  --blob-fill: linear-gradient(155deg, rgba(255,255,255,0.48), rgba(255,255,255,0.08)); --blob-border: rgba(255,255,255,0.65);
  --cta-veil: linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(241,245,249,0.4) 50%, rgba(255,255,255,0.7) 100%);
  --modal-scrim: rgba(248,250,252,0.55); --ok-bg: rgba(236,253,245,0.75); --ok-border: rgba(167,243,208,0.8);
  --err-bg: rgba(254,242,242,0.75); --err-border: rgba(254,202,202,0.8); --success-on: #047857;
  --glass-fill: rgba(255,255,255,0.2); --glass-bloom: rgba(255,255,255,0.22); --glass-edge-hi: rgba(255,255,255,0.85); --glass-inset: rgba(255,255,255,0.55);
  --glass-lift: 0 8px 32px rgba(15,23,42,0.1);
  --glass-shadow: 0 10px 40px rgba(15,23,42,0.06), 0 2px 10px rgba(15,23,42,0.03), inset 0 1px 1px rgba(255,255,255,0.95);
  --glass-shadow-lg: 0 28px 80px rgba(15,23,42,0.08), inset 0 1px 1px rgba(255,255,255,1);
  --glass-highlight: linear-gradient(145deg, rgba(255,255,255,0.92), rgba(255,255,255,0.2) 42%, rgba(255,255,255,0.55));
  --iridescent: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(186,230,253,0.35), rgba(251,207,232,0.28), rgba(167,243,208,0.22), rgba(255,255,255,0.88));
}
html[data-theme="slate"] {
  color-scheme: light;
  --bg: #f4efe6; --bg-subtle: rgba(255,250,240,0.5); --bg-card: rgba(255,252,245,0.62);
  --border: rgba(68,64,60,0.1); --border-glass: rgba(255,248,235,0.8);
  --text: #1c1917; --muted: #78716c; --text-muted: #78716c; --primary: #44403c; --primary-hover: #1c1917;
  --primary-soft: rgba(255,248,235,0.7); --accent: #c2410c; --accent-soft: rgba(194,65,12,0.1);
  --success: #047857; --grid-line: rgba(68,64,60,0.08);
  --surface: rgba(255,252,245,0.58); --surface-strong: rgba(255,250,240,0.92); --header-bg: rgba(255,250,240,0.5); --code-bg: rgba(255,248,235,0.7);
  --nav-hover: rgba(255,237,213,0.7); --canvas-veil: rgba(255,248,235,0.7);
  --canvas-hi: #fffaf3; --canvas-mid: #f4efe6; --canvas-lo: #e7ddd0; --orb: rgba(251,191,36,0.25);
  --link-hover: #9a3412; --btn-fill: rgba(255,247,237,0.35); --header-border: rgba(231,221,208,0.8);
  --primary-btn: rgba(194,65,12,0.82); --on-primary: #fff7ed; --primary-btn-hover: rgba(154,52,18,0.88);
  --panel: rgba(255,248,235,0.62); --panel-soft: rgba(255,247,237,0.4); --panel-strong: rgba(255,252,245,0.88); --panel-input: rgba(255,250,240,0.78);
  --edge: rgba(255,237,213,0.85); --edge-strong: rgba(255,247,237,0.98); --spec: rgba(255,255,255,0.9); --hairline: rgba(68,64,60,0.1);
  --ink-from: #44403c; --ink-to: #c2410c; --track: rgba(255,237,213,0.55); --focus-ring: rgba(194,65,12,0.2); --placeholder: #a8a29e;
  --blob-hi: rgba(255,247,237,0.95); --blob-mid: rgba(254,215,170,0.35); --blob-lo: rgba(253,186,116,0.2);
  --blob-fill: linear-gradient(155deg, rgba(255,247,237,0.5), rgba(253,186,116,0.08)); --blob-border: rgba(255,237,213,0.8);
  --cta-veil: linear-gradient(135deg, rgba(255,247,237,0.92), rgba(254,215,170,0.28), rgba(255,255,255,0.7));
  --modal-scrim: rgba(250,245,235,0.6); --ok-bg: rgba(236,253,245,0.75); --ok-border: rgba(167,243,208,0.8);
  --err-bg: rgba(254,242,242,0.75); --err-border: rgba(254,202,202,0.8); --success-on: #047857;
  --glass-fill: rgba(255,247,237,0.22); --glass-bloom: rgba(254,215,170,0.18); --glass-edge-hi: rgba(255,255,255,0.8); --glass-inset: rgba(255,255,255,0.5);
  --glass-lift: 0 8px 32px rgba(68,64,60,0.12);
  --glass-shadow: 0 10px 40px rgba(68,64,60,0.08), inset 0 1px 1px rgba(255,255,255,0.9);
  --glass-shadow-lg: 0 28px 80px rgba(68,64,60,0.1), inset 0 1px 1px rgba(255,255,255,0.95);
  --glass-highlight: linear-gradient(145deg, rgba(255,247,237,0.92), rgba(254,215,170,0.2));
  --iridescent: linear-gradient(135deg, rgba(255,247,237,0.95), rgba(254,215,170,0.35), rgba(253,186,116,0.2), rgba(255,255,255,0.8));
}
html[data-theme="midnight"] {
  color-scheme: dark;
  --bg: #0b1020; --bg-subtle: rgba(255,255,255,0.04); --bg-card: rgba(255,255,255,0.06);
  --border: rgba(255,255,255,0.08); --border-glass: rgba(255,255,255,0.12);
  --text: #e6e8ee; --muted: #94a3b8; --text-muted: #94a3b8; --primary: #a5b4fc; --primary-hover: #c7d2fe;
  --primary-soft: rgba(129,140,248,0.14); --accent: #818cf8; --accent-soft: rgba(129,140,248,0.16);
  --success: #34d399; --grid-line: rgba(255,255,255,0.055);
  --surface: rgba(15,23,42,0.58); --surface-strong: rgba(8,12,24,0.92); --header-bg: rgba(8,12,24,0.66); --code-bg: rgba(255,255,255,0.06);
  --nav-hover: rgba(129,140,248,0.14); --canvas-veil: rgba(8,12,24,0.78);
  --canvas-hi: #141a30; --canvas-mid: #0b1020; --canvas-lo: #06080f; --orb: rgba(129,140,248,0.3);
  --link-hover: #c7d2fe; --btn-fill: rgba(255,255,255,0.06); --header-border: rgba(255,255,255,0.08);
  --primary-btn: rgba(99,102,241,0.78); --on-primary: #eef2ff; --primary-btn-hover: rgba(99,102,241,0.92);
  --panel: rgba(255,255,255,0.09); --panel-soft: rgba(255,255,255,0.05); --panel-strong: rgba(15,23,42,0.88); --panel-input: rgba(255,255,255,0.1);
  --edge: rgba(255,255,255,0.12); --edge-strong: rgba(255,255,255,0.2); --spec: rgba(255,255,255,0.14); --hairline: rgba(255,255,255,0.08);
  --ink-from: #a5b4fc; --ink-to: #818cf8; --track: rgba(255,255,255,0.08); --focus-ring: rgba(129,140,248,0.28); --placeholder: #64748b;
  --blob-hi: rgba(165,180,252,0.22); --blob-mid: rgba(56,189,248,0.12); --blob-lo: rgba(129,140,248,0.08);
  --blob-fill: linear-gradient(155deg, rgba(129,140,248,0.16), rgba(15,23,42,0.08)); --blob-border: rgba(255,255,255,0.1);
  --cta-veil: linear-gradient(135deg, rgba(129,140,248,0.18), rgba(8,12,24,0.4), transparent);
  --modal-scrim: rgba(8,12,24,0.72); --ok-bg: rgba(16,185,129,0.12); --ok-border: rgba(52,211,153,0.28);
  --err-bg: rgba(239,68,68,0.12); --err-border: rgba(248,113,113,0.28); --success-on: #6ee7b7;
  --glass-fill: rgba(15,23,42,0.5); --glass-bloom: rgba(129,140,248,0.09); --glass-edge-hi: rgba(255,255,255,0.32); --glass-inset: rgba(255,255,255,0.16);
  --glass-lift: 0 10px 36px rgba(0,0,0,0.45);
  --glass-bright: 1;
  --glass-shadow: 0 12px 40px rgba(0,0,0,0.4), inset 0 1px 1px rgba(255,255,255,0.08);
  --glass-shadow-lg: 0 28px 80px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.1);
  --glass-highlight: linear-gradient(145deg, rgba(255,255,255,0.12), rgba(255,255,255,0.02));
  --iridescent: linear-gradient(135deg, rgba(129,140,248,0.4), rgba(56,189,248,0.15), rgba(255,255,255,0.06));
}
html[data-theme="ember"] {
  color-scheme: dark;
  --bg: #1a100c; --bg-subtle: rgba(232,168,124,0.06); --bg-card: rgba(255,237,213,0.06);
  --border: rgba(232,168,124,0.14); --border-glass: rgba(232,168,124,0.18);
  --text: #f5e6d3; --muted: #c4b5a0; --text-muted: #c4b5a0; --primary: #e8a87c; --primary-hover: #f0c4a0;
  --primary-soft: rgba(232,168,124,0.14); --accent: #f59e0b; --accent-soft: rgba(245,158,11,0.14);
  --success: #86efac; --grid-line: rgba(232,168,124,0.08);
  --surface: rgba(40,24,16,0.62); --surface-strong: rgba(20,12,8,0.92); --header-bg: rgba(20,12,8,0.7); --code-bg: rgba(232,168,124,0.08);
  --nav-hover: rgba(232,168,124,0.14); --canvas-veil: rgba(20,10,6,0.75);
  --canvas-hi: #2a1810; --canvas-mid: #1a100c; --canvas-lo: #0e0806; --orb: rgba(245,158,11,0.28);
  --link-hover: #fbbf24; --btn-fill: rgba(232,168,124,0.1); --header-border: rgba(232,168,124,0.16);
  --primary-btn: rgba(194,65,12,0.75); --on-primary: #fff7ed; --primary-btn-hover: rgba(194,65,12,0.9);
  --panel: rgba(255,237,213,0.08); --panel-soft: rgba(232,168,124,0.06); --panel-strong: rgba(40,24,16,0.88); --panel-input: rgba(232,168,124,0.12);
  --edge: rgba(232,168,124,0.18); --edge-strong: rgba(232,168,124,0.28); --spec: rgba(245,158,11,0.16); --hairline: rgba(232,168,124,0.14);
  --ink-from: #e8a87c; --ink-to: #c9a962; --track: rgba(232,168,124,0.1); --focus-ring: rgba(245,158,11,0.28); --placeholder: #a8a29e;
  --blob-hi: rgba(245,158,11,0.22); --blob-mid: rgba(232,168,124,0.14); --blob-lo: rgba(194,65,12,0.1);
  --blob-fill: linear-gradient(155deg, rgba(245,158,11,0.16), rgba(26,16,12,0.08)); --blob-border: rgba(232,168,124,0.16);
  --cta-veil: linear-gradient(135deg, rgba(245,158,11,0.16), rgba(20,10,6,0.4), transparent);
  --modal-scrim: rgba(20,10,6,0.72); --ok-bg: rgba(16,185,129,0.12); --ok-border: rgba(134,239,172,0.28);
  --err-bg: rgba(239,68,68,0.12); --err-border: rgba(248,113,113,0.28); --success-on: #86efac;
  --glass-fill: rgba(40,24,16,0.55); --glass-bloom: rgba(245,158,11,0.1); --glass-edge-hi: rgba(255,237,213,0.35); --glass-inset: rgba(232,168,124,0.22);
  --glass-lift: 0 10px 36px rgba(20,10,6,0.5);
  --glass-bright: 1;
  --glass-shadow: 0 12px 40px rgba(0,0,0,0.45), inset 0 1px 1px rgba(245,158,11,0.12);
  --glass-shadow-lg: 0 28px 80px rgba(0,0,0,0.5), inset 0 1px 1px rgba(245,158,11,0.14);
  --glass-highlight: linear-gradient(145deg, rgba(245,158,11,0.14), rgba(255,255,255,0.02));
  --iridescent: linear-gradient(135deg, rgba(245,158,11,0.35), rgba(232,168,124,0.18), rgba(255,255,255,0.05));
}
html[data-theme="aurora"] {
  color-scheme: dark;
  --bg: #0a1628; --bg-subtle: rgba(34,211,238,0.05); --bg-card: rgba(167,139,250,0.07);
  --border: rgba(34,211,238,0.12); --border-glass: rgba(167,139,250,0.18);
  --text: #e0f2fe; --muted: #8fb4c9; --text-muted: #8fb4c9; --primary: #22d3ee; --primary-hover: #67e8f9;
  --primary-soft: rgba(34,211,238,0.12); --accent: #a78bfa; --accent-soft: rgba(167,139,250,0.16);
  --success: #5eead4; --grid-line: rgba(34,211,238,0.07);
  --surface: rgba(10,30,50,0.6); --surface-strong: rgba(6,16,32,0.92); --header-bg: rgba(6,16,32,0.7); --code-bg: rgba(34,211,238,0.07);
  --nav-hover: rgba(167,139,250,0.16); --canvas-veil: rgba(6,14,28,0.78);
  --canvas-hi: #12243c; --canvas-mid: #0a1628; --canvas-lo: #050d18; --orb: rgba(34,211,238,0.28);
  --link-hover: #c4b5fd; --btn-fill: rgba(34,211,238,0.08); --header-border: rgba(34,211,238,0.14);
  --primary-btn: rgba(14,165,233,0.72); --on-primary: #042f2e; --primary-btn-hover: rgba(14,165,233,0.88);
  --panel: rgba(167,139,250,0.09); --panel-soft: rgba(34,211,238,0.06); --panel-strong: rgba(10,30,50,0.88); --panel-input: rgba(34,211,238,0.1);
  --edge: rgba(34,211,238,0.16); --edge-strong: rgba(167,139,250,0.28); --spec: rgba(34,211,238,0.16); --hairline: rgba(34,211,238,0.12);
  --ink-from: #22d3ee; --ink-to: #a78bfa; --track: rgba(34,211,238,0.1); --focus-ring: rgba(167,139,250,0.3); --placeholder: #64748b;
  --blob-hi: rgba(34,211,238,0.2); --blob-mid: rgba(167,139,250,0.16); --blob-lo: rgba(56,189,248,0.08);
  --blob-fill: linear-gradient(155deg, rgba(34,211,238,0.14), rgba(10,22,40,0.08)); --blob-border: rgba(34,211,238,0.14);
  --cta-veil: linear-gradient(135deg, rgba(34,211,238,0.16), rgba(6,14,28,0.4), transparent);
  --modal-scrim: rgba(6,14,28,0.72); --ok-bg: rgba(45,212,191,0.12); --ok-border: rgba(94,234,212,0.28);
  --err-bg: rgba(239,68,68,0.12); --err-border: rgba(248,113,113,0.28); --success-on: #5eead4;
  --glass-fill: rgba(10,30,50,0.52); --glass-bloom: rgba(34,211,238,0.1); --glass-edge-hi: rgba(186,230,253,0.38); --glass-inset: rgba(34,211,238,0.18);
  --glass-lift: 0 10px 36px rgba(4,12,24,0.5);
  --glass-bright: 1;
  --glass-shadow: 0 12px 40px rgba(0,0,0,0.4), inset 0 1px 1px rgba(34,211,238,0.12);
  --glass-shadow-lg: 0 28px 80px rgba(0,0,0,0.5), inset 0 1px 1px rgba(34,211,238,0.14);
  --glass-highlight: linear-gradient(145deg, rgba(34,211,238,0.14), rgba(255,255,255,0.02));
  --iridescent: linear-gradient(135deg, rgba(34,211,238,0.35), rgba(167,139,250,0.25), rgba(255,255,255,0.05));
}
html[data-theme="forest"] {
  color-scheme: dark;
  --bg: #0c1410; --bg-subtle: rgba(52,211,153,0.05); --bg-card: rgba(110,231,183,0.06);
  --border: rgba(52,211,153,0.12); --border-glass: rgba(110,231,183,0.16);
  --text: #e8f5e9; --muted: #8fb9a0; --text-muted: #8fb9a0; --primary: #34d399; --primary-hover: #6ee7b7;
  --primary-soft: rgba(52,211,153,0.12); --accent: #4ade80; --accent-soft: rgba(74,222,128,0.14);
  --success: #86efac; --grid-line: rgba(52,211,153,0.07);
  --surface: rgba(12,28,20,0.62); --surface-strong: rgba(6,16,12,0.92); --header-bg: rgba(6,16,12,0.7); --code-bg: rgba(52,211,153,0.07);
  --nav-hover: rgba(52,211,153,0.14); --canvas-veil: rgba(6,14,10,0.78);
  --canvas-hi: #14241c; --canvas-mid: #0c1410; --canvas-lo: #060a08; --orb: rgba(52,211,153,0.26);
  --link-hover: #6ee7b7; --btn-fill: rgba(52,211,153,0.08); --header-border: rgba(52,211,153,0.14);
  --primary-btn: rgba(5,150,105,0.78); --on-primary: #ecfdf5; --primary-btn-hover: rgba(5,150,105,0.92);
  --panel: rgba(110,231,183,0.08); --panel-soft: rgba(52,211,153,0.05); --panel-strong: rgba(12,28,20,0.88); --panel-input: rgba(52,211,153,0.1);
  --edge: rgba(52,211,153,0.16); --edge-strong: rgba(110,231,183,0.26); --spec: rgba(52,211,153,0.16); --hairline: rgba(52,211,153,0.12);
  --ink-from: #34d399; --ink-to: #10b981; --track: rgba(52,211,153,0.1); --focus-ring: rgba(52,211,153,0.28); --placeholder: #6b7c72;
  --blob-hi: rgba(52,211,153,0.2); --blob-mid: rgba(16,185,129,0.12); --blob-lo: rgba(110,231,183,0.08);
  --blob-fill: linear-gradient(155deg, rgba(52,211,153,0.14), rgba(12,20,16,0.08)); --blob-border: rgba(52,211,153,0.14);
  --cta-veil: linear-gradient(135deg, rgba(52,211,153,0.16), rgba(6,14,10,0.4), transparent);
  --modal-scrim: rgba(6,14,10,0.72); --ok-bg: rgba(16,185,129,0.12); --ok-border: rgba(134,239,172,0.28);
  --err-bg: rgba(239,68,68,0.12); --err-border: rgba(248,113,113,0.28); --success-on: #86efac;
  --glass-fill: rgba(12,28,20,0.55); --glass-bloom: rgba(52,211,153,0.1); --glass-edge-hi: rgba(167,243,208,0.32); --glass-inset: rgba(52,211,153,0.18);
  --glass-lift: 0 10px 36px rgba(4,12,8,0.5);
  --glass-bright: 1;
  --glass-shadow: 0 12px 40px rgba(0,0,0,0.4), inset 0 1px 1px rgba(52,211,153,0.1);
  --glass-shadow-lg: 0 28px 80px rgba(0,0,0,0.5), inset 0 1px 1px rgba(52,211,153,0.12);
  --glass-highlight: linear-gradient(145deg, rgba(52,211,153,0.14), rgba(255,255,255,0.02));
  --iridescent: linear-gradient(135deg, rgba(52,211,153,0.32), rgba(16,185,129,0.16), rgba(255,255,255,0.05));
}

/* YouTubeForge default. YouTube red as accent only — body text is warm off-white
   so captions stay readable. Buttons use a darker red so white type clears WCAG AA. */
html[data-theme="studio"] {
  color-scheme: dark;
  --bg: #14090a; --bg-subtle: rgba(255,45,32,0.06); --bg-card: rgba(255,138,128,0.07);
  --border: rgba(255,138,128,0.16); --border-glass: rgba(255,138,128,0.2);
  --text: #fff4f2; --muted: #e0c4c0; --text-muted: #e0c4c0; --primary: #ff8f88; --primary-hover: #ffb4ae;
  --primary-soft: rgba(255,45,32,0.14); --accent: #ff2d20; --accent-soft: rgba(255,45,32,0.16);
  --success: #86efac; --grid-line: rgba(255,45,32,0.08);
  --surface: rgba(36,14,16,0.66); --surface-strong: rgba(12,6,7,0.94); --header-bg: rgba(12,6,7,0.72); --code-bg: rgba(255,45,32,0.08);
  --nav-hover: rgba(255,45,32,0.16); --canvas-veil: rgba(10,5,6,0.78);
  --canvas-hi: #241012; --canvas-mid: #14090a; --canvas-lo: #080405; --orb: rgba(255,45,32,0.28);
  --link-hover: #ffb4ae; --btn-fill: rgba(255,45,32,0.1); --header-border: rgba(255,138,128,0.18);
  --primary-btn: #8c1515; --on-primary: #fff7f5; --primary-btn-hover: #a31818;
  --panel: rgba(255,138,128,0.09); --panel-soft: rgba(255,45,32,0.06); --panel-strong: rgba(36,14,16,0.9); --panel-input: rgba(255,45,32,0.12);
  --edge: rgba(255,138,128,0.2); --edge-strong: rgba(255,138,128,0.3); --spec: rgba(255,45,32,0.18); --hairline: rgba(255,138,128,0.16);
  --ink-from: #ff8f88; --ink-to: #ff2d20; --track: rgba(255,45,32,0.12); --focus-ring: rgba(255,143,136,0.4); --placeholder: #c4a09c;
  --blob-hi: rgba(255,45,32,0.24); --blob-mid: rgba(255,138,128,0.14); --blob-lo: rgba(140,21,21,0.12);
  --blob-fill: linear-gradient(155deg, rgba(255,45,32,0.16), rgba(20,9,10,0.08)); --blob-border: rgba(255,138,128,0.18);
  --cta-veil: linear-gradient(135deg, rgba(255,45,32,0.18), rgba(10,5,6,0.4), transparent);
  --modal-scrim: rgba(10,5,6,0.74); --ok-bg: rgba(16,185,129,0.12); --ok-border: rgba(134,239,172,0.28);
  --err-bg: rgba(255,45,32,0.14); --err-border: rgba(255,143,136,0.32); --success-on: #86efac;
  --glass-fill: rgba(36,14,16,0.58); --glass-bloom: rgba(255,45,32,0.12); --glass-edge-hi: rgba(255,184,174,0.38); --glass-inset: rgba(255,138,128,0.2);
  --glass-lift: 0 10px 36px rgba(8,4,5,0.55);
  --glass-bright: 1;
  --glass-shadow: 0 12px 40px rgba(0,0,0,0.48), inset 0 1px 1px rgba(255,45,32,0.12);
  --glass-shadow-lg: 0 28px 80px rgba(0,0,0,0.55), inset 0 1px 1px rgba(255,143,136,0.16);
  --glass-highlight: linear-gradient(145deg, rgba(255,45,32,0.16), rgba(255,255,255,0.02));
  --iridescent: linear-gradient(135deg, rgba(255,45,32,0.38), rgba(255,143,136,0.2), rgba(255,255,255,0.05));
}