:root, [data-theme="dark"] {
  color-scheme: dark;
  --bg: #0b0e11;
  --surface: #13171b;
  --raised: #1c2228;
  --line: #2b333b;
  --control-border: #6a7580;
  --ink: #f3f4ef;
  --ink-muted: #a5afb9;
  --accent: #edeb51;
  --accent-hover: #f5f36c;
  --accent-press: #d9d73f;
  --accent-ink: #edeb51;
  --on-accent: #0b0e11;
  --accent-soft: rgba(237,235,81,0.08);
  --accent-glow: rgba(237,235,81,0.27);
  --hive-lit-left: #a9a63a;
  --hive-lit-right: #5c5a22;
  --cube-top: #18191b;
  --accent-electric: #fbf98a;
  --hive-top: #1b2128;
  --hive-left: #13181d;
  --hive-right: #0e1215;
  --hive-edge: #262e36;
  --sheen: rgba(255,255,255,0.55);
  --focus: #edeb51;
  --success: #8fddb9;
  --success-soft: rgba(143,221,185,0.12);
  --warning: #eab69c;
  --warning-soft: rgba(234,182,156,0.12);
  --danger: #f2a0a8;
  --danger-soft: rgba(242,160,168,0.12);
  --info: #a4c9ef;
  --lilac: #c4b4f2;
  --spotlight: #ffffff;
  --scrim: rgba(0,0,0,0.56);
  --practice-bg: #181b34;
  --practice-surface: #30324e;
  --practice-raised: #292b45;
  --practice-line: #4b4e69;
  --practice-ink: #f5f6fa;
  --practice-muted: #b8bdd3;
  --practice-accent: #579bfc;
  --practice-on-accent: #0b0e11;
  --practice-accent-ink: #85b6ff;
  --viz-1: #9b980b;
  --viz-2: #2389e2;
  --viz-3: #cb4f73;
  --viz-4: #8f6edb;
  --viz-5: #0c9c82;
  --viz-6: #d56a10;
  --viz-focus: #edeb51;
  --viz-context: #465059;
  --viz-seq-1: #343201;
  --viz-seq-2: #4f4d01;
  --viz-seq-3: #6d6a05;
  --viz-seq-4: #8e8b0f;
  --viz-seq-5: #b2ae08;
  --viz-seq-6: #d4d14c;
  --viz-seq-7: #edeb51;
  --viz-div-neg-3: #89c3fe;
  --viz-div-neg-2: #4697e4;
  --viz-div-neg-1: #0465af;
  --viz-div-mid: #39424b;
  --viz-div-pos-1: #994a06;
  --viz-div-pos-2: #d8732b;
  --viz-div-pos-3: #fea66f;
  --viz-grid: #232a31;
  --viz-axis: #3a444d;
  --viz-track: #26270f;
  --shadow-soft: 0 16px 60px rgba(0,0,0,0.19);
  --shadow-float: 0 8px 30px rgba(0,0,0,0.25);
  --shadow-accent: 0 4px 18px rgba(237,235,81,0.18);
  --shadow-hotspot: 0 0 0 4px #edeb51;
  --shadow-glow: 0 0 0 1px rgba(237,235,81,0.6), 0 0 28px rgba(237,235,81,0.4), 0 0 80px rgba(169,166,58,0.25);
}
@media (prefers-color-scheme: light) { :root:not([data-theme="dark"]) {
  color-scheme: light;
  --bg: #f6f7f2;
  --surface: #ffffff;
  --raised: #edf0e8;
  --line: #d4dcd2;
  --control-border: #7a837c;
  --ink: #192025;
  --ink-muted: #59636c;
  --accent: #dedb36;
  --accent-hover: #e9e64e;
  --accent-press: #ccc92a;
  --accent-ink: #666300;
  --on-accent: #0b0e11;
  --accent-soft: rgba(222,219,54,0.20);
  --accent-glow: rgba(102,99,0,0.22);
  --hive-lit-left: #b4b11e;
  --hive-lit-right: #7d7a12;
  --cube-top: #18191b;
  --accent-electric: #f2ef4a;
  --hive-top: #ffffff;
  --hive-left: #e7eae2;
  --hive-right: #d0d6ca;
  --hive-edge: #c3cbc1;
  --sheen: rgba(255,255,255,0.8);
  --focus: #192025;
  --success: #176447;
  --success-soft: rgba(23,100,71,0.10);
  --warning: #96421e;
  --warning-soft: rgba(150,66,30,0.09);
  --danger: #b3261e;
  --danger-soft: rgba(179,38,30,0.09);
  --info: #2a5c89;
  --lilac: #6548a2;
  --spotlight: #ffffff;
  --scrim: rgba(11,14,17,0.40);
  --practice-bg: #ffffff;
  --practice-surface: #ffffff;
  --practice-raised: #f0f3ff;
  --practice-line: #d0d4e4;
  --practice-ink: #323338;
  --practice-muted: #676879;
  --practice-accent: #0073ea;
  --practice-on-accent: #ffffff;
  --practice-accent-ink: #0060b9;
  --viz-1: #888510;
  --viz-2: #0274c7;
  --viz-3: #c7436d;
  --viz-4: #734dbe;
  --viz-5: #158e77;
  --viz-6: #d26707;
  --viz-focus: #7d7a00;
  --viz-context: #c3cac1;
  --viz-seq-1: #f5f59c;
  --viz-seq-2: #e5e25e;
  --viz-seq-3: #d0cb05;
  --viz-seq-4: #b2ae12;
  --viz-seq-5: #918e0f;
  --viz-seq-6: #706d01;
  --viz-seq-7: #4f4d05;
  --viz-div-neg-3: #014f8a;
  --viz-div-neg-2: #1f7dcf;
  --viz-div-neg-1: #6fb6fe;
  --viz-div-mid: #e6e9e2;
  --viz-div-pos-1: #fa934e;
  --viz-div-pos-2: #bb5c09;
  --viz-div-pos-3: #783903;
  --viz-grid: #e8ebe4;
  --viz-axis: #c9d0c6;
  --viz-track: #f4f3cf;
  --shadow-soft: 0 16px 45px rgba(35,55,39,0.07);
  --shadow-float: 0 8px 30px rgba(25,32,37,0.12);
  --shadow-accent: 0 4px 14px rgba(102,99,0,0.20);
  --shadow-hotspot: 0 0 0 4px #dedb36;
  --shadow-glow: 0 0 0 1px rgba(102,99,0,0.4), 0 0 24px rgba(222,219,54,0.55);
} }
[data-theme="light"] {
  color-scheme: light;
  --bg: #f6f7f2;
  --surface: #ffffff;
  --raised: #edf0e8;
  --line: #d4dcd2;
  --control-border: #7a837c;
  --ink: #192025;
  --ink-muted: #59636c;
  --accent: #dedb36;
  --accent-hover: #e9e64e;
  --accent-press: #ccc92a;
  --accent-ink: #666300;
  --on-accent: #0b0e11;
  --accent-soft: rgba(222,219,54,0.20);
  --accent-glow: rgba(102,99,0,0.22);
  --hive-lit-left: #b4b11e;
  --hive-lit-right: #7d7a12;
  --cube-top: #18191b;
  --accent-electric: #f2ef4a;
  --hive-top: #ffffff;
  --hive-left: #e7eae2;
  --hive-right: #d0d6ca;
  --hive-edge: #c3cbc1;
  --sheen: rgba(255,255,255,0.8);
  --focus: #192025;
  --success: #176447;
  --success-soft: rgba(23,100,71,0.10);
  --warning: #96421e;
  --warning-soft: rgba(150,66,30,0.09);
  --danger: #b3261e;
  --danger-soft: rgba(179,38,30,0.09);
  --info: #2a5c89;
  --lilac: #6548a2;
  --spotlight: #ffffff;
  --scrim: rgba(11,14,17,0.40);
  --practice-bg: #ffffff;
  --practice-surface: #ffffff;
  --practice-raised: #f0f3ff;
  --practice-line: #d0d4e4;
  --practice-ink: #323338;
  --practice-muted: #676879;
  --practice-accent: #0073ea;
  --practice-on-accent: #ffffff;
  --practice-accent-ink: #0060b9;
  --viz-1: #888510;
  --viz-2: #0274c7;
  --viz-3: #c7436d;
  --viz-4: #734dbe;
  --viz-5: #158e77;
  --viz-6: #d26707;
  --viz-focus: #7d7a00;
  --viz-context: #c3cac1;
  --viz-seq-1: #f5f59c;
  --viz-seq-2: #e5e25e;
  --viz-seq-3: #d0cb05;
  --viz-seq-4: #b2ae12;
  --viz-seq-5: #918e0f;
  --viz-seq-6: #706d01;
  --viz-seq-7: #4f4d05;
  --viz-div-neg-3: #014f8a;
  --viz-div-neg-2: #1f7dcf;
  --viz-div-neg-1: #6fb6fe;
  --viz-div-mid: #e6e9e2;
  --viz-div-pos-1: #fa934e;
  --viz-div-pos-2: #bb5c09;
  --viz-div-pos-3: #783903;
  --viz-grid: #e8ebe4;
  --viz-axis: #c9d0c6;
  --viz-track: #f4f3cf;
  --shadow-soft: 0 16px 45px rgba(35,55,39,0.07);
  --shadow-float: 0 8px 30px rgba(25,32,37,0.12);
  --shadow-accent: 0 4px 14px rgba(102,99,0,0.20);
  --shadow-hotspot: 0 0 0 4px #dedb36;
  --shadow-glow: 0 0 0 1px rgba(102,99,0,0.4), 0 0 24px rgba(222,219,54,0.55);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 56px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 999px;
  --dur-press: 90ms;
  --dur-fast: 160ms;
  --dur-base: 220ms;
  --dur-medium: 320ms;
  --dur-slow: 450ms;
  --dur-reward: 650ms;
  --dur-cinematic: 900ms;
  --ease-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --ease-pop: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-linear: linear;
  --move-press: 1px;
  --move-lift: 3px;
  --move-enter: 8px;
  --move-nudge: 4px;
  --move-magnet: 6px;
  --tilt-max: 5deg;
  --cube-rise: 18px;
  --z-header: 20;
  --z-toast: 50;
  --z-skip: 100;
  --font-display: Archivo, Geist, system-ui, sans-serif;
  --font-sans: Geist, Inter, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --font-practice: Arial, Helvetica, sans-serif;
}