:root {
  --bg-page: #F6F5EF;
  --bg-surface: #FFFEFB;
  --bg-raised: #F1F0E9;
  --bg-sunken: #E9E7DF;
  --bg-hover: #EFEDE5;
  --bg-selected: #EEF3E2;
  --bg-overlay: rgba(12,18,14,0.48);
  --line: #E2E0D6;
  --line-strong: #8E8C81;
  --ink: #1F201C;
  --ink-2: #46473F;
  --muted: #64645B;
  --ink-disabled: #5E5E55;
  --primary: #70B62C;
  --primary-hover: #63A427;
  --primary-press: #5B9624;
  --on-primary: #16200D;
  --primary-ink: #3B6B12;
  --primary-soft: #EDF4DF;
  --focus: #3B6B12;
  --chrome-bg: #1D231C;
  --chrome-hover: #262E25;
  --chrome-active: #2F3A2D;
  --chrome-line: #2C352A;
  --chrome-ink: #EDF0E8;
  --chrome-muted: #A9B2A2;
  --chrome-accent: #8BCB4A;
  --success: #0E7468;
  --success-soft: #E3F3EF;
  --warning: #8A5600;
  --warning-soft: #FCF1DA;
  --danger: #BE2F46;
  --on-danger: #FFFFFF;
  --danger-soft: #FCEAED;
  --info: #1D5DA6;
  --info-soft: #E7EFFA;
  --neutral: #56606B;
  --neutral-soft: #EDF0F2;
  --ai: #5D50A8;
  --ai-soft: #F0EEF8;
  --viz-1: #668E42;
  --viz-2: #4D7BBE;
  --viz-3: #BA664C;
  --viz-4: #04938E;
  --viz-5: #B98935;
  --viz-6: #B06290;
  --viz-7: #8A8577;
  --viz-8: #7C7F86;
  --edge-hi: rgba(255,255,255,0.85);
  --glow-brand: rgba(112,182,44,0.10);
  --glow-ai: rgba(120,100,200,0.06);
  --glow-warm: rgba(255,190,110,0.12);
  --spot: rgba(112,182,44,0.10);
  --edge-top: rgba(255,255,255,0.95);
  --gloss: rgba(255,255,255,0.32);
  --wall-ink: rgba(70,80,50,0.09);
  --comet: #2E8BD6;
  --comet-hi: #0F6FC2;
  --comet-glow: rgba(46,139,214,0.35);
  --wall-a: #EEF1E4;
  --wall-b: #F6EEDC;
  --orbit-ink: rgba(90,110,60,0.10);
  --chrome-bg-2: #161B15;
  --bg-surface-2: #FBFAF5;
  --seq-1: #87C654;
  --seq-2: #70B234;
  --seq-3: #5B9E08;
  --seq-4: #4E8805;
  --seq-5: #407300;
  --seq-6: #355E05;
  --seq-7: #2C4911;
  --leaf-50: #F3F9EC;
  --leaf-100: #E4F2D3;
  --leaf-200: #CBE6AC;
  --leaf-300: #A8D47A;
  --leaf-400: #8BC64F;
  --leaf-500: #70B62C;
  --leaf-600: #5B9624;
  --leaf-700: #477516;
  --leaf-800: #3B6B12;
  --leaf-900: #2A4410;
  --shadow-1: 0 1px 2px rgba(20,40,25,0.05), 0 2px 6px rgba(20,40,25,0.05), 0 0 0 1px rgba(20,40,25,0.04);
  --shadow-2: 0 2px 6px rgba(20,40,25,0.06), 0 12px 28px rgba(20,40,25,0.10);
  --shadow-3: 0 6px 12px rgba(20,40,25,0.08), 0 28px 64px rgba(20,40,25,0.20);
  --space-0-5: 2px;
  --space-1: 4px;
  --space-1-5: 6px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-pill: 999px;
  --control-sm: 28px;
  --control-md: 32px;
  --control-lg: 40px;
  --row: 40px;
  --row-compact: 32px;
  --sidebar: 232px;
  --sidebar-rail: 64px;
  --topbar: 52px;
  --font-sans: 'Raleway', 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Consolas, monospace;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
  --bg-page: #262922;
  --bg-surface: #31342D;
  --bg-raised: #393C34;
  --bg-sunken: #1F221C;
  --bg-hover: #3D4138;
  --bg-selected: #35422C;
  --bg-overlay: rgba(10,13,11,0.52);
  --line: #474B41;
  --line-strong: #8C8F83;
  --ink: #F4F3EE;
  --ink-2: #DEDCD2;
  --muted: #BBB9AE;
  --ink-disabled: #AAA89E;
  --primary: #93CD57;
  --primary-hover: #A2D86C;
  --primary-press: #84BF48;
  --on-primary: #13200A;
  --primary-ink: #B0DF84;
  --primary-soft: #3A4D2C;
  --focus: #B0DF84;
  --chrome-bg: #1F221B;
  --chrome-hover: #292D25;
  --chrome-active: #323A2B;
  --chrome-line: #2F342A;
  --chrome-ink: #EEF1E9;
  --chrome-muted: #AEB4A5;
  --chrome-accent: #B0DF84;
  --success: #6FD0BF;
  --success-soft: #254540;
  --warning: #F0C874;
  --warning-soft: #463A25;
  --danger: #F79CA8;
  --on-danger: #2A0A10;
  --danger-soft: #4D2C34;
  --info: #93C4FA;
  --info-soft: #263A55;
  --neutral: #BAC3CA;
  --neutral-soft: #363C3F;
  --ai: #C1B8F2;
  --ai-soft: #373452;
  --viz-1: #82AA5B;
  --viz-2: #6D98DA;
  --viz-3: #D07F64;
  --viz-4: #1FB0A9;
  --viz-5: #C99C4A;
  --viz-6: #C880AA;
  --viz-7: #A8A396;
  --viz-8: #9FA3AD;
  --edge-hi: rgba(255,255,255,0.06);
  --glow-brand: rgba(143,209,79,0.08);
  --glow-ai: rgba(192,182,255,0.05);
  --glow-warm: rgba(255,186,110,0.08);
  --spot: rgba(190,230,150,0.07);
  --edge-top: rgba(255,255,255,0.12);
  --gloss: rgba(255,255,255,0.09);
  --wall-ink: rgba(210,220,190,0.06);
  --comet: #8AD2FF;
  --comet-hi: #E2F5FF;
  --comet-glow: rgba(138,210,255,0.55);
  --wall-a: #2A3025;
  --wall-b: #302F27;
  --orbit-ink: rgba(200,230,160,0.07);
  --chrome-bg-2: #1A1D17;
  --bg-surface-2: #2E312A;
  --seq-1: #41671F;
  --seq-2: #4C7F19;
  --seq-3: #579708;
  --seq-4: #69AE21;
  --seq-5: #81C449;
  --seq-6: #A0D776;
  --seq-7: #C1EAA5;
  --leaf-50: #131C0E;
  --leaf-100: #1A2A12;
  --leaf-200: #243C17;
  --leaf-300: #35561E;
  --leaf-400: #4D7A27;
  --leaf-500: #70B62C;
  --leaf-600: #8BC64F;
  --leaf-700: #A8D47A;
  --leaf-800: #CBE6AC;
  --leaf-900: #E4F2D3;
  --shadow-1: 0 1px 2px rgba(0,0,0,0.20), 0 4px 10px rgba(0,0,0,0.12), 0 0 0 1px rgba(255,255,255,0.035);
  --shadow-2: 0 2px 6px rgba(0,0,0,0.20), 0 14px 32px rgba(0,0,0,0.24);
  --shadow-3: 0 6px 12px rgba(0,0,0,0.24), 0 28px 64px rgba(0,0,0,0.34);
  color-scheme: dark;
}
}
:root[data-theme="dark"] {
  --bg-page: #262922;
  --bg-surface: #31342D;
  --bg-raised: #393C34;
  --bg-sunken: #1F221C;
  --bg-hover: #3D4138;
  --bg-selected: #35422C;
  --bg-overlay: rgba(10,13,11,0.52);
  --line: #474B41;
  --line-strong: #8C8F83;
  --ink: #F4F3EE;
  --ink-2: #DEDCD2;
  --muted: #BBB9AE;
  --ink-disabled: #AAA89E;
  --primary: #93CD57;
  --primary-hover: #A2D86C;
  --primary-press: #84BF48;
  --on-primary: #13200A;
  --primary-ink: #B0DF84;
  --primary-soft: #3A4D2C;
  --focus: #B0DF84;
  --chrome-bg: #1F221B;
  --chrome-hover: #292D25;
  --chrome-active: #323A2B;
  --chrome-line: #2F342A;
  --chrome-ink: #EEF1E9;
  --chrome-muted: #AEB4A5;
  --chrome-accent: #B0DF84;
  --success: #6FD0BF;
  --success-soft: #254540;
  --warning: #F0C874;
  --warning-soft: #463A25;
  --danger: #F79CA8;
  --on-danger: #2A0A10;
  --danger-soft: #4D2C34;
  --info: #93C4FA;
  --info-soft: #263A55;
  --neutral: #BAC3CA;
  --neutral-soft: #363C3F;
  --ai: #C1B8F2;
  --ai-soft: #373452;
  --viz-1: #82AA5B;
  --viz-2: #6D98DA;
  --viz-3: #D07F64;
  --viz-4: #1FB0A9;
  --viz-5: #C99C4A;
  --viz-6: #C880AA;
  --viz-7: #A8A396;
  --viz-8: #9FA3AD;
  --edge-hi: rgba(255,255,255,0.06);
  --glow-brand: rgba(143,209,79,0.08);
  --glow-ai: rgba(192,182,255,0.05);
  --glow-warm: rgba(255,186,110,0.08);
  --spot: rgba(190,230,150,0.07);
  --edge-top: rgba(255,255,255,0.12);
  --gloss: rgba(255,255,255,0.09);
  --wall-ink: rgba(210,220,190,0.06);
  --comet: #8AD2FF;
  --comet-hi: #E2F5FF;
  --comet-glow: rgba(138,210,255,0.55);
  --wall-a: #2A3025;
  --wall-b: #302F27;
  --orbit-ink: rgba(200,230,160,0.07);
  --chrome-bg-2: #1A1D17;
  --bg-surface-2: #2E312A;
  --seq-1: #41671F;
  --seq-2: #4C7F19;
  --seq-3: #579708;
  --seq-4: #69AE21;
  --seq-5: #81C449;
  --seq-6: #A0D776;
  --seq-7: #C1EAA5;
  --leaf-50: #131C0E;
  --leaf-100: #1A2A12;
  --leaf-200: #243C17;
  --leaf-300: #35561E;
  --leaf-400: #4D7A27;
  --leaf-500: #70B62C;
  --leaf-600: #8BC64F;
  --leaf-700: #A8D47A;
  --leaf-800: #CBE6AC;
  --leaf-900: #E4F2D3;
  --shadow-1: 0 1px 2px rgba(0,0,0,0.20), 0 4px 10px rgba(0,0,0,0.12), 0 0 0 1px rgba(255,255,255,0.035);
  --shadow-2: 0 2px 6px rgba(0,0,0,0.20), 0 14px 32px rgba(0,0,0,0.24);
  --shadow-3: 0 6px 12px rgba(0,0,0,0.24), 0 28px 64px rgba(0,0,0,0.34);
  color-scheme: dark;
}