/* Madhav design system tokens, version 2.1.0. GENERATED by build.py from tokens.json; edit that file, not this one.
   Color modes: Daybreak (light) and Deep Space (dark).
   Default: follow the visitor's system setting (prefers-color-scheme).
   Override: <html data-theme="light"> or <html data-theme="dark">, saved by the theme button (header.js).
   Pin a version: /design-system/v/2.1.0/tokens.css never changes; /design-system/tokens.css is the latest. */

/* Self-hosted fonts in /assets/fonts (no third-party requests) */
@font-face { font-family: Fredoka; font-style: normal; font-weight: 600; font-display: swap; src: url(/assets/fonts/fredoka-latin-600-normal.woff2) format("woff2"); }
@font-face { font-family: Fredoka; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/fonts/fredoka-latin-700-normal.woff2) format("woff2"); }
@font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 200 1000; font-display: swap; src: url(/assets/fonts/nunito-sans-latin-wght-normal.woff2) format("woff2-variations"); }
@font-face { font-family: "Space Grotesk"; font-style: normal; font-weight: 300 700; font-display: swap; src: url(/assets/fonts/space-grotesk-latin-wght-normal.woff2) format("woff2-variations"); }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/fonts/jetbrains-mono-latin-500-normal.woff2) format("woff2"); }

/* Scheme-independent: fonts, spacing, radius, sizes, z-index, motion and the type scale */
:root {
  --font-display: Fredoka, "Nunito Sans", system-ui, sans-serif;
  --font-display-space: "Space Grotesk", "Nunito Sans", system-ui, sans-serif;
  --font-sans: "Nunito Sans", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --space-1: 4px;
  --space-1-5: 6px;
  --space-2: 8px;
  --space-2-5: 10px;
  --space-3: 12px;
  --space-3-5: 14px;
  --space-4: 16px;
  --space-4-5: 18px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-9: 48px;
  --space-section: 72px;
  --content-max: 1120px;
  --radius-2xs: 4px;
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-bubble: 18px;
  --radius-lg: 22px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --radius-round: 50%;
  --header-height: 66px;
  --control-height: 40px;
  --control-height-sm: 36px;
  --z-base: 1;
  --z-header: 50;
  --z-popover: 60;
  --z-overlay: 100;
  --z-toast: 120;
  --z-skip: 400;
  --duration-fast: .12s;
  --duration-medium: .25s;
  --duration-slow: .4s;
  --ease-spring: cubic-bezier(.5,1.6,.5,1);
  --ease-out: cubic-bezier(.2,.8,.2,1);
  --text-display-xl-size: clamp(2.6rem, 6vw, 4.4rem);
  --text-display-xl-weight: 600;
  --text-display-xl-leading: 1.1;
  --text-display-l-size: clamp(2.1rem, 5vw, 3.3rem);
  --text-display-l-weight: 600;
  --text-display-l-leading: 1.1;
  --text-heading-size: clamp(1.9rem, 4vw, 2.7rem);
  --text-heading-weight: 600;
  --text-heading-leading: 1.1;
  --text-stat-size: 35px;
  --text-stat-weight: 700;
  --text-stat-leading: 1.1;
  --text-title-size: 24px;
  --text-title-weight: 600;
  --text-title-leading: 1.1;
  --text-card-title-size: 20px;
  --text-card-title-weight: 600;
  --text-card-title-leading: 1.15;
  --text-lede-size: 19px;
  --text-lede-weight: 400;
  --text-lede-leading: 1.6;
  --text-lede-tracking: 0;
  --text-lede: var(--text-lede-weight) var(--text-lede-size)/var(--text-lede-leading) var(--font-sans);
  --text-body-size: 17px;
  --text-body-weight: 400;
  --text-body-leading: 1.6;
  --text-body-tracking: 0;
  --text-body: var(--text-body-weight) var(--text-body-size)/var(--text-body-leading) var(--font-sans);
  --text-small-size: 15px;
  --text-small-weight: 400;
  --text-small-leading: 1.5;
  --text-small-tracking: 0;
  --text-small: var(--text-small-weight) var(--text-small-size)/var(--text-small-leading) var(--font-sans);
  --text-nav-size: 0.95rem;
  --text-nav-weight: 600;
  --text-nav-leading: 1.6;
  --text-nav-tracking: 0;
  --text-nav: var(--text-nav-weight) var(--text-nav-size)/var(--text-nav-leading) var(--font-sans);
  --text-label-size: 14px;
  --text-label-weight: 700;
  --text-label-leading: 1.4;
  --text-label-tracking: 0;
  --text-label: var(--text-label-weight) var(--text-label-size)/var(--text-label-leading) var(--font-sans);
  --text-label-sm-size: 13.5px;
  --text-label-sm-weight: 700;
  --text-label-sm-leading: 1.2;
  --text-label-sm-tracking: 0;
  --text-label-sm: var(--text-label-sm-weight) var(--text-label-sm-size)/var(--text-label-sm-leading) var(--font-sans);
  --text-kicker-size: 12.5px;
  --text-kicker-weight: 700;
  --text-kicker-leading: 1.3;
  --text-kicker-tracking: 0.06em;
  --text-kicker: var(--text-kicker-weight) var(--text-kicker-size)/var(--text-kicker-leading) var(--font-sans);
  --text-code-size: 14px;
  --text-code-weight: 500;
  --text-code-leading: 1.6;
  --text-code-tracking: 0;
  --text-code: var(--text-code-weight) var(--text-code-size)/var(--text-code-leading) var(--font-mono);
  --text-display-size: var(--text-display-xl-size);
  --text-h1-size: var(--text-display-l-size);
  --text-h2-size: var(--text-heading-size);
  --text-h3-size: var(--text-title-size);
  --text-h4-size: var(--text-card-title-size);
}

/* Daybreak: the base values */
:root {
  --bg: #F6F7F9;
  --bg-alt: #ECEFF3;
  --card: #FFFFFF;
  --ink: #151B2B;
  --ink-muted: #525C6E;
  --line: #DCE1E8;
  --edge: #151B2B;
  --ledge: #151B2B;
  --coral: #EE7A63;
  --teal: #4FB3A6;
  --sun: #F2B544;
  --sky: #4FB3A6;
  --plum: #EE7A63;
  --coral-strong: #B1432C;
  --teal-strong: #0E6B63;
  --sun-strong: #7C5300;
  --sky-strong: #0E6B63;
  --plum-strong: #B1432C;
  --on-accent: #151B2B;
  --focus: var(--sky-strong);
  --scrim: rgba(21,27,43,.45);
  --media-black: #000000;
  --media-ink: #FFFFFF;
  --cat-red: #F27A85;
  --cat-orange: #F5A05A;
  --cat-yellow: #F2CB4E;
  --cat-green: #74C487;
  --cat-blue: #7FB0F0;
  --cat-purple: #BC9AF0;
  --cat-red-strong: #B42335;
  --cat-orange-strong: #9C4A00;
  --cat-yellow-strong: #755A00;
  --cat-green-strong: #1E7038;
  --cat-blue-strong: #1D5DB5;
  --cat-purple-strong: #6A45B5;
  --bolt-body: #4FB3A6;
  --bolt-screen: #E9FBF8;
  --bolt-accent: #EE7A63;
  --bolt-belly: #F2B544;
  --bolt-eye: #FFFFFF;
  --bolt-line: #151B2B;
  --shadow-card: 0 2px 0 rgba(21,27,43,.06), 0 12px 28px -12px rgba(21,27,43,.18);
  --shadow-ledge: 0 3px 0 #151B2B;
  --shadow-ledge-hover: 0 5px 0 var(--ledge);
  --shadow-ledge-press: 0 1px 0 var(--ledge);
  --shadow-modal: 0 24px 60px -20px rgba(21,27,43,.38);
  --shadow-glow: 0 0 0 4px rgba(242,181,68,.35);
  --display: var(--font-display);
  --tracking-heading: -0.01em;
  --primary-bg: var(--coral);
  --primary-border: var(--edge);
  --glass: none;
  --fo: .32;
  --page: radial-gradient(900px 500px at 90% -5%, rgba(242,181,68,.16), transparent 60%), radial-gradient(800px 600px at -10% 60%, rgba(79,179,166,.10), transparent 60%), linear-gradient(180deg, #F6F7F9, #EEF1F5);
  --bolt-glow: none;
  --text-display-xl-tracking: -0.01em;
  --text-display-xl: var(--text-display-xl-weight) var(--text-display-xl-size)/var(--text-display-xl-leading) var(--display);
  --text-display-l-tracking: -0.01em;
  --text-display-l: var(--text-display-l-weight) var(--text-display-l-size)/var(--text-display-l-leading) var(--display);
  --text-heading-tracking: -0.01em;
  --text-heading: var(--text-heading-weight) var(--text-heading-size)/var(--text-heading-leading) var(--display);
  --text-stat-tracking: 0;
  --text-stat: var(--text-stat-weight) var(--text-stat-size)/var(--text-stat-leading) var(--display);
  --text-title-tracking: 0;
  --text-title: var(--text-title-weight) var(--text-title-size)/var(--text-title-leading) var(--display);
  --text-card-title-tracking: 0;
  --text-card-title: var(--text-card-title-weight) var(--text-card-title-size)/var(--text-card-title-leading) var(--display);
  --text-display: var(--text-display-xl);
  --text-display-tracking: var(--text-display-xl-tracking);
  --text-h1: var(--text-display-l);
  --text-h1-tracking: var(--text-display-l-tracking);
  --text-h2: var(--text-heading);
  --text-h2-tracking: var(--text-heading-tracking);
  --text-h3: var(--text-title);
  --text-h3-tracking: var(--text-title-tracking);
  --text-h4: var(--text-card-title);
  --text-h4-tracking: var(--text-card-title-tracking);
  color-scheme: light;
}

/* Deep Space when the system is dark and the visitor has not picked light */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0F1218;
    --bg-alt: #151A22;
    --card: rgba(27,33,43,.88);
    --ink: #E9EDF3;
    --ink-muted: #A2ACBC;
    --line: #2A313D;
    --edge: #7D889B;
    --ledge: #3A4252;
    --coral: #F08C77;
    --teal: #5CC7B8;
    --sun: #F2C062;
    --sky: #5CC7B8;
    --plum: #F08C77;
    --coral-strong: #F59A86;
    --teal-strong: #6ED3C4;
    --sun-strong: #F2C062;
    --sky-strong: #6ED3C4;
    --plum-strong: #F59A86;
    --on-accent: #0F1218;
    --focus: var(--sky-strong);
    --scrim: rgba(0,0,0,.62);
    --media-black: #000000;
    --media-ink: #FFFFFF;
    --cat-red: #F58E98;
    --cat-orange: #F7AE6E;
    --cat-yellow: #F4D06A;
    --cat-green: #86D198;
    --cat-blue: #8DBAF5;
    --cat-purple: #C6A8F5;
    --cat-red-strong: #F7A0A8;
    --cat-orange-strong: #F8B87E;
    --cat-yellow-strong: #F4D06A;
    --cat-green-strong: #93D8A4;
    --cat-blue-strong: #9DC4F7;
    --cat-purple-strong: #CFB5F7;
    --bolt-body: #4FB3A6;
    --bolt-screen: #E9FBF8;
    --bolt-accent: #EE7A63;
    --bolt-belly: #F2B544;
    --bolt-eye: #FFFFFF;
    --bolt-line: #151B2B;
    --shadow-card: 0 0 0 1px rgba(125,136,155,.16), 0 18px 40px -18px rgba(0,0,0,.6);
    --shadow-ledge: 0 3px 0 #3A4252;
    --shadow-ledge-hover: 0 5px 0 var(--ledge);
    --shadow-ledge-press: 0 1px 0 var(--ledge);
    --shadow-modal: 0 0 0 1px rgba(125,136,155,.2), 0 30px 70px -24px rgba(0,0,0,.8);
    --shadow-glow: 0 0 0 4px rgba(242,192,98,.22);
    --display: var(--font-display-space);
    --tracking-heading: -0.025em;
    --primary-bg: var(--coral);
    --primary-border: transparent;
    --glass: blur(8px);
    --fo: .45;
    --page: radial-gradient(1200px 700px at 85% -10%, rgba(240,140,119,.08), transparent 60%), radial-gradient(900px 600px at -10% 40%, rgba(92,199,184,.07), transparent 60%), radial-gradient(1000px 700px at 70% 110%, rgba(242,192,98,.05), transparent 60%), #0F1218;
    --bolt-glow: drop-shadow(0 0 10px rgba(240,140,119,.22));
    --text-display-xl-tracking: -0.025em;
    --text-display-xl: var(--text-display-xl-weight) var(--text-display-xl-size)/var(--text-display-xl-leading) var(--display);
    --text-display-l-tracking: -0.025em;
    --text-display-l: var(--text-display-l-weight) var(--text-display-l-size)/var(--text-display-l-leading) var(--display);
    --text-heading-tracking: -0.025em;
    --text-heading: var(--text-heading-weight) var(--text-heading-size)/var(--text-heading-leading) var(--display);
    --text-stat-tracking: 0;
    --text-stat: var(--text-stat-weight) var(--text-stat-size)/var(--text-stat-leading) var(--display);
    --text-title-tracking: -0.025em;
    --text-title: var(--text-title-weight) var(--text-title-size)/var(--text-title-leading) var(--display);
    --text-card-title-tracking: -0.025em;
    --text-card-title: var(--text-card-title-weight) var(--text-card-title-size)/var(--text-card-title-leading) var(--display);
    --text-display: var(--text-display-xl);
    --text-display-tracking: var(--text-display-xl-tracking);
    --text-h1: var(--text-display-l);
    --text-h1-tracking: var(--text-display-l-tracking);
    --text-h2: var(--text-heading);
    --text-h2-tracking: var(--text-heading-tracking);
    --text-h3: var(--text-title);
    --text-h3-tracking: var(--text-title-tracking);
    --text-h4: var(--text-card-title);
    --text-h4-tracking: var(--text-card-title-tracking);
    color-scheme: dark;
  }
}

/* Deep Space when the visitor picked dark */
:root[data-theme="dark"] {
  --bg: #0F1218;
  --bg-alt: #151A22;
  --card: rgba(27,33,43,.88);
  --ink: #E9EDF3;
  --ink-muted: #A2ACBC;
  --line: #2A313D;
  --edge: #7D889B;
  --ledge: #3A4252;
  --coral: #F08C77;
  --teal: #5CC7B8;
  --sun: #F2C062;
  --sky: #5CC7B8;
  --plum: #F08C77;
  --coral-strong: #F59A86;
  --teal-strong: #6ED3C4;
  --sun-strong: #F2C062;
  --sky-strong: #6ED3C4;
  --plum-strong: #F59A86;
  --on-accent: #0F1218;
  --focus: var(--sky-strong);
  --scrim: rgba(0,0,0,.62);
  --media-black: #000000;
  --media-ink: #FFFFFF;
  --cat-red: #F58E98;
  --cat-orange: #F7AE6E;
  --cat-yellow: #F4D06A;
  --cat-green: #86D198;
  --cat-blue: #8DBAF5;
  --cat-purple: #C6A8F5;
  --cat-red-strong: #F7A0A8;
  --cat-orange-strong: #F8B87E;
  --cat-yellow-strong: #F4D06A;
  --cat-green-strong: #93D8A4;
  --cat-blue-strong: #9DC4F7;
  --cat-purple-strong: #CFB5F7;
  --bolt-body: #4FB3A6;
  --bolt-screen: #E9FBF8;
  --bolt-accent: #EE7A63;
  --bolt-belly: #F2B544;
  --bolt-eye: #FFFFFF;
  --bolt-line: #151B2B;
  --shadow-card: 0 0 0 1px rgba(125,136,155,.16), 0 18px 40px -18px rgba(0,0,0,.6);
  --shadow-ledge: 0 3px 0 #3A4252;
  --shadow-ledge-hover: 0 5px 0 var(--ledge);
  --shadow-ledge-press: 0 1px 0 var(--ledge);
  --shadow-modal: 0 0 0 1px rgba(125,136,155,.2), 0 30px 70px -24px rgba(0,0,0,.8);
  --shadow-glow: 0 0 0 4px rgba(242,192,98,.22);
  --display: var(--font-display-space);
  --tracking-heading: -0.025em;
  --primary-bg: var(--coral);
  --primary-border: transparent;
  --glass: blur(8px);
  --fo: .45;
  --page: radial-gradient(1200px 700px at 85% -10%, rgba(240,140,119,.08), transparent 60%), radial-gradient(900px 600px at -10% 40%, rgba(92,199,184,.07), transparent 60%), radial-gradient(1000px 700px at 70% 110%, rgba(242,192,98,.05), transparent 60%), #0F1218;
  --bolt-glow: drop-shadow(0 0 10px rgba(240,140,119,.22));
  --text-display-xl-tracking: -0.025em;
  --text-display-xl: var(--text-display-xl-weight) var(--text-display-xl-size)/var(--text-display-xl-leading) var(--display);
  --text-display-l-tracking: -0.025em;
  --text-display-l: var(--text-display-l-weight) var(--text-display-l-size)/var(--text-display-l-leading) var(--display);
  --text-heading-tracking: -0.025em;
  --text-heading: var(--text-heading-weight) var(--text-heading-size)/var(--text-heading-leading) var(--display);
  --text-stat-tracking: 0;
  --text-stat: var(--text-stat-weight) var(--text-stat-size)/var(--text-stat-leading) var(--display);
  --text-title-tracking: -0.025em;
  --text-title: var(--text-title-weight) var(--text-title-size)/var(--text-title-leading) var(--display);
  --text-card-title-tracking: -0.025em;
  --text-card-title: var(--text-card-title-weight) var(--text-card-title-size)/var(--text-card-title-leading) var(--display);
  --text-display: var(--text-display-xl);
  --text-display-tracking: var(--text-display-xl-tracking);
  --text-h1: var(--text-display-l);
  --text-h1-tracking: var(--text-display-l-tracking);
  --text-h2: var(--text-heading);
  --text-h2-tracking: var(--text-heading-tracking);
  --text-h3: var(--text-title);
  --text-h3-tracking: var(--text-title-tracking);
  --text-h4: var(--text-card-title);
  --text-h4-tracking: var(--text-card-title-tracking);
  color-scheme: dark;
}

/* Pin a block to one mode regardless of the page (used for side-by-side previews) */
.mode-daybreak {
  --bg: #F6F7F9;
  --bg-alt: #ECEFF3;
  --card: #FFFFFF;
  --ink: #151B2B;
  --ink-muted: #525C6E;
  --line: #DCE1E8;
  --edge: #151B2B;
  --ledge: #151B2B;
  --coral: #EE7A63;
  --teal: #4FB3A6;
  --sun: #F2B544;
  --sky: #4FB3A6;
  --plum: #EE7A63;
  --coral-strong: #B1432C;
  --teal-strong: #0E6B63;
  --sun-strong: #7C5300;
  --sky-strong: #0E6B63;
  --plum-strong: #B1432C;
  --on-accent: #151B2B;
  --focus: var(--sky-strong);
  --scrim: rgba(21,27,43,.45);
  --media-black: #000000;
  --media-ink: #FFFFFF;
  --cat-red: #F27A85;
  --cat-orange: #F5A05A;
  --cat-yellow: #F2CB4E;
  --cat-green: #74C487;
  --cat-blue: #7FB0F0;
  --cat-purple: #BC9AF0;
  --cat-red-strong: #B42335;
  --cat-orange-strong: #9C4A00;
  --cat-yellow-strong: #755A00;
  --cat-green-strong: #1E7038;
  --cat-blue-strong: #1D5DB5;
  --cat-purple-strong: #6A45B5;
  --bolt-body: #4FB3A6;
  --bolt-screen: #E9FBF8;
  --bolt-accent: #EE7A63;
  --bolt-belly: #F2B544;
  --bolt-eye: #FFFFFF;
  --bolt-line: #151B2B;
  --shadow-card: 0 2px 0 rgba(21,27,43,.06), 0 12px 28px -12px rgba(21,27,43,.18);
  --shadow-ledge: 0 3px 0 #151B2B;
  --shadow-ledge-hover: 0 5px 0 var(--ledge);
  --shadow-ledge-press: 0 1px 0 var(--ledge);
  --shadow-modal: 0 24px 60px -20px rgba(21,27,43,.38);
  --shadow-glow: 0 0 0 4px rgba(242,181,68,.35);
  --display: var(--font-display);
  --tracking-heading: -0.01em;
  --primary-bg: var(--coral);
  --primary-border: var(--edge);
  --glass: none;
  --fo: .32;
  --page: radial-gradient(900px 500px at 90% -5%, rgba(242,181,68,.16), transparent 60%), radial-gradient(800px 600px at -10% 60%, rgba(79,179,166,.10), transparent 60%), linear-gradient(180deg, #F6F7F9, #EEF1F5);
  --bolt-glow: none;
  --text-display-xl-tracking: -0.01em;
  --text-display-xl: var(--text-display-xl-weight) var(--text-display-xl-size)/var(--text-display-xl-leading) var(--display);
  --text-display-l-tracking: -0.01em;
  --text-display-l: var(--text-display-l-weight) var(--text-display-l-size)/var(--text-display-l-leading) var(--display);
  --text-heading-tracking: -0.01em;
  --text-heading: var(--text-heading-weight) var(--text-heading-size)/var(--text-heading-leading) var(--display);
  --text-stat-tracking: 0;
  --text-stat: var(--text-stat-weight) var(--text-stat-size)/var(--text-stat-leading) var(--display);
  --text-title-tracking: 0;
  --text-title: var(--text-title-weight) var(--text-title-size)/var(--text-title-leading) var(--display);
  --text-card-title-tracking: 0;
  --text-card-title: var(--text-card-title-weight) var(--text-card-title-size)/var(--text-card-title-leading) var(--display);
  --text-display: var(--text-display-xl);
  --text-display-tracking: var(--text-display-xl-tracking);
  --text-h1: var(--text-display-l);
  --text-h1-tracking: var(--text-display-l-tracking);
  --text-h2: var(--text-heading);
  --text-h2-tracking: var(--text-heading-tracking);
  --text-h3: var(--text-title);
  --text-h3-tracking: var(--text-title-tracking);
  --text-h4: var(--text-card-title);
  --text-h4-tracking: var(--text-card-title-tracking);
  color-scheme: light;
}
.mode-deep-space {
  --bg: #0F1218;
  --bg-alt: #151A22;
  --card: rgba(27,33,43,.88);
  --ink: #E9EDF3;
  --ink-muted: #A2ACBC;
  --line: #2A313D;
  --edge: #7D889B;
  --ledge: #3A4252;
  --coral: #F08C77;
  --teal: #5CC7B8;
  --sun: #F2C062;
  --sky: #5CC7B8;
  --plum: #F08C77;
  --coral-strong: #F59A86;
  --teal-strong: #6ED3C4;
  --sun-strong: #F2C062;
  --sky-strong: #6ED3C4;
  --plum-strong: #F59A86;
  --on-accent: #0F1218;
  --focus: var(--sky-strong);
  --scrim: rgba(0,0,0,.62);
  --media-black: #000000;
  --media-ink: #FFFFFF;
  --cat-red: #F58E98;
  --cat-orange: #F7AE6E;
  --cat-yellow: #F4D06A;
  --cat-green: #86D198;
  --cat-blue: #8DBAF5;
  --cat-purple: #C6A8F5;
  --cat-red-strong: #F7A0A8;
  --cat-orange-strong: #F8B87E;
  --cat-yellow-strong: #F4D06A;
  --cat-green-strong: #93D8A4;
  --cat-blue-strong: #9DC4F7;
  --cat-purple-strong: #CFB5F7;
  --bolt-body: #4FB3A6;
  --bolt-screen: #E9FBF8;
  --bolt-accent: #EE7A63;
  --bolt-belly: #F2B544;
  --bolt-eye: #FFFFFF;
  --bolt-line: #151B2B;
  --shadow-card: 0 0 0 1px rgba(125,136,155,.16), 0 18px 40px -18px rgba(0,0,0,.6);
  --shadow-ledge: 0 3px 0 #3A4252;
  --shadow-ledge-hover: 0 5px 0 var(--ledge);
  --shadow-ledge-press: 0 1px 0 var(--ledge);
  --shadow-modal: 0 0 0 1px rgba(125,136,155,.2), 0 30px 70px -24px rgba(0,0,0,.8);
  --shadow-glow: 0 0 0 4px rgba(242,192,98,.22);
  --display: var(--font-display-space);
  --tracking-heading: -0.025em;
  --primary-bg: var(--coral);
  --primary-border: transparent;
  --glass: blur(8px);
  --fo: .45;
  --page: radial-gradient(1200px 700px at 85% -10%, rgba(240,140,119,.08), transparent 60%), radial-gradient(900px 600px at -10% 40%, rgba(92,199,184,.07), transparent 60%), radial-gradient(1000px 700px at 70% 110%, rgba(242,192,98,.05), transparent 60%), #0F1218;
  --bolt-glow: drop-shadow(0 0 10px rgba(240,140,119,.22));
  --text-display-xl-tracking: -0.025em;
  --text-display-xl: var(--text-display-xl-weight) var(--text-display-xl-size)/var(--text-display-xl-leading) var(--display);
  --text-display-l-tracking: -0.025em;
  --text-display-l: var(--text-display-l-weight) var(--text-display-l-size)/var(--text-display-l-leading) var(--display);
  --text-heading-tracking: -0.025em;
  --text-heading: var(--text-heading-weight) var(--text-heading-size)/var(--text-heading-leading) var(--display);
  --text-stat-tracking: 0;
  --text-stat: var(--text-stat-weight) var(--text-stat-size)/var(--text-stat-leading) var(--display);
  --text-title-tracking: -0.025em;
  --text-title: var(--text-title-weight) var(--text-title-size)/var(--text-title-leading) var(--display);
  --text-card-title-tracking: -0.025em;
  --text-card-title: var(--text-card-title-weight) var(--text-card-title-size)/var(--text-card-title-leading) var(--display);
  --text-display: var(--text-display-xl);
  --text-display-tracking: var(--text-display-xl-tracking);
  --text-h1: var(--text-display-l);
  --text-h1-tracking: var(--text-display-l-tracking);
  --text-h2: var(--text-heading);
  --text-h2-tracking: var(--text-heading-tracking);
  --text-h3: var(--text-title);
  --text-h3-tracking: var(--text-title-tracking);
  --text-h4: var(--text-card-title);
  --text-h4-tracking: var(--text-card-title-tracking);
  color-scheme: dark;
}