[data-theme="tokyonight-light"] {
    --color-bg: #d5d6db;
    --color-bg-sidebar: #cbccd1;
    --color-bg-panel: rgba(203,204,209,0.6);
    --color-bg-button: rgba(203,204,209,0.85);
    --color-bg-button-hover: rgba(255,255,255,0.7);
    --color-bg-zoom-level: rgba(203,204,209,0.85);
    --color-text: #343b58;
    --color-text-secondary: #4c505e;
    --color-text-muted: #6e7191;
    --color-icon: #343b58;
    --color-line-default: #9699a3;
    --color-line-highlighted: #34548a;
    --color-line-highlighted-down: #8c4351;
    --color-line-point: #34548a;
    --color-line-arrow: #34548a;
    --color-node-inactive: #b4b5ba;
    --color-node-shadow: rgba(0,0,0,0.2);
    --color-selection: #34548a;
    --color-value-entered: #34548a;
    --color-value-bg: #c4c5ca;
    --color-grid-dot: rgba(52,59,88,0.12);
}

/* --- Tokyo Night Dark --- */
[data-theme="tokyonight-dark"] {
    --color-bg: #1a1b26;
    --color-bg-sidebar: #16161e;
    --color-bg-panel: rgba(22,22,30,0.7);
    --color-bg-button: rgba(36,37,51,0.9);
    --color-bg-button-hover: rgba(60,62,87,0.8);
    --color-bg-zoom-level: rgba(36,37,51,0.9);
    --color-text: #c0caf5;
    --color-text-secondary: #a9b1d6;
    --color-text-muted: #565f89;
    --color-icon: #c0caf5;
    --color-line-default: #3b3d57;
    --color-line-highlighted: #7aa2f7;
    --color-line-highlighted-down: #f7768e;
    --color-line-point: #7aa2f7;
    --color-line-arrow: #7aa2f7;
    --color-node-inactive: #3b3d57;
    --color-node-shadow: rgba(122,162,247,0.15);
    --color-selection: #7aa2f7;
    --color-value-entered: #7aa2f7;
    --color-value-bg: #242533;
    --color-grid-dot: rgba(192,202,245,0.1);
}

/* --- Catppuccin Latte (Light) --- */
[data-theme="catppuccin-light"] {
    --color-bg: #eff1f5;
    --color-bg-sidebar: #e6e9ef;
    --color-bg-panel: rgba(230,233,239,0.6);
    --color-bg-button: rgba(230,233,239,0.85);
    --color-bg-button-hover: rgba(255,255,255,0.7);
    --color-bg-zoom-level: rgba(230,233,239,0.85);
    --color-text: #4c4f69;
    --color-text-secondary: #5c5f77;
    --color-text-muted: #8c8fa1;
    --color-icon: #4c4f69;
    --color-line-default: #9ca0b0;
    --color-line-highlighted: #1e66f5;
    --color-line-highlighted-down: #d20f39;
    --color-line-point: #1e66f5;
    --color-line-arrow: #1e66f5;
    --color-node-inactive: #bcc0cc;
    --color-node-shadow: rgba(0,0,0,0.15);
    --color-selection: #1e66f5;
    --color-value-entered: #1e66f5;
    --color-value-bg: #e6e9ef;
    --color-grid-dot: rgba(76,79,105,0.1);
}

/* --- Catppuccin Mocha (Dark) --- */
[data-theme="catppuccin-dark"] {
    --color-bg: #1e1e2e;
    --color-bg-sidebar: #181825;
    --color-bg-panel: rgba(24,24,37,0.7);
    --color-bg-button: rgba(49,50,68,0.9);
    --color-bg-button-hover: rgba(69,71,90,0.8);
    --color-bg-zoom-level: rgba(49,50,68,0.9);
    --color-text: #cdd6f4;
    --color-text-secondary: #bac2de;
    --color-text-muted: #6c7086;
    --color-icon: #cdd6f4;
    --color-line-default: #45475a;
    --color-line-highlighted: #89b4fa;
    --color-line-highlighted-down: #f38ba8;
    --color-line-point: #89b4fa;
    --color-line-arrow: #89b4fa;
    --color-node-inactive: #45475a;
    --color-node-shadow: rgba(137,180,250,0.15);
    --color-selection: #89b4fa;
    --color-value-entered: #89b4fa;
    --color-value-bg: #313244;
    --color-grid-dot: rgba(205,214,244,0.08);
}

/* --- Dracula Light --- */
[data-theme="dracula-light"] {
    --color-bg: #f8f8f2;
    --color-bg-sidebar: #eeeee8;
    --color-bg-panel: rgba(238,238,232,0.6);
    --color-bg-button: rgba(238,238,232,0.85);
    --color-bg-button-hover: rgba(255,255,255,0.8);
    --color-bg-zoom-level: rgba(238,238,232,0.85);
    --color-text: #282a36;
    --color-text-secondary: #44475a;
    --color-text-muted: #6272a4;
    --color-icon: #282a36;
    --color-line-default: #a0a4b8;
    --color-line-highlighted: #6272a4;
    --color-line-highlighted-down: #ff5555;
    --color-line-point: #6272a4;
    --color-line-arrow: #6272a4;
    --color-node-inactive: #c0c4d0;
    --color-node-shadow: rgba(0,0,0,0.15);
    --color-selection: #bd93f9;
    --color-value-entered: #6272a4;
    --color-value-bg: #eeeee8;
    --color-grid-dot: rgba(40,42,54,0.1);
}

/* --- Dracula Dark --- */
[data-theme="dracula-dark"] {
    --color-bg: #282a36;
    --color-bg-sidebar: #21222c;
    --color-bg-panel: rgba(33,34,44,0.7);
    --color-bg-button: rgba(68,71,90,0.9);
    --color-bg-button-hover: rgba(98,114,164,0.5);
    --color-bg-zoom-level: rgba(68,71,90,0.9);
    --color-text: #f8f8f2;
    --color-text-secondary: #c0c4d0;
    --color-text-muted: #6272a4;
    --color-icon: #f8f8f2;
    --color-line-default: #44475a;
    --color-line-highlighted: #bd93f9;
    --color-line-highlighted-down: #ff5555;
    --color-line-point: #bd93f9;
    --color-line-arrow: #bd93f9;
    --color-node-inactive: #44475a;
    --color-node-shadow: rgba(189,147,249,0.15);
    --color-selection: #bd93f9;
    --color-value-entered: #bd93f9;
    --color-value-bg: #44475a;
    --color-grid-dot: rgba(248,248,242,0.08);
}

/* --- Nord Light (Snow Storm) --- */
[data-theme="nord-light"] {
    --color-bg: #eceff4;
    --color-bg-sidebar: #e5e9f0;
    --color-bg-panel: rgba(229,233,240,0.6);
    --color-bg-button: rgba(229,233,240,0.85);
    --color-bg-button-hover: rgba(255,255,255,0.7);
    --color-bg-zoom-level: rgba(229,233,240,0.85);
    --color-text: #2e3440;
    --color-text-secondary: #3b4252;
    --color-text-muted: #7b88a1;
    --color-icon: #2e3440;
    --color-line-default: #9da5b4;
    --color-line-highlighted: #5e81ac;
    --color-line-highlighted-down: #bf616a;
    --color-line-point: #5e81ac;
    --color-line-arrow: #5e81ac;
    --color-node-inactive: #c8ced8;
    --color-node-shadow: rgba(0,0,0,0.12);
    --color-selection: #5e81ac;
    --color-value-entered: #5e81ac;
    --color-value-bg: #e5e9f0;
    --color-grid-dot: rgba(46,52,64,0.1);
}

/* --- Nord Dark (Polar Night) --- */
[data-theme="nord-dark"] {
    --color-bg: #2e3440;
    --color-bg-sidebar: #272c36;
    --color-bg-panel: rgba(39,44,54,0.7);
    --color-bg-button: rgba(59,66,82,0.9);
    --color-bg-button-hover: rgba(76,86,106,0.7);
    --color-bg-zoom-level: rgba(59,66,82,0.9);
    --color-text: #eceff4;
    --color-text-secondary: #d8dee9;
    --color-text-muted: #7b88a1;
    --color-icon: #eceff4;
    --color-line-default: #4c566a;
    --color-line-highlighted: #88c0d0;
    --color-line-highlighted-down: #bf616a;
    --color-line-point: #88c0d0;
    --color-line-arrow: #88c0d0;
    --color-node-inactive: #4c566a;
    --color-node-shadow: rgba(136,192,208,0.15);
    --color-selection: #88c0d0;
    --color-value-entered: #88c0d0;
    --color-value-bg: #3b4252;
    --color-grid-dot: rgba(236,239,244,0.08);
}

/* --- Monocle Light --- */
[data-theme="monocle-light"] {
    --color-bg: #ffffff;
    --color-bg-sidebar: #f7f7f5;
    --color-bg-panel: rgba(240,240,238,0.7);
    --color-bg-button: rgba(240,240,238,0.9);
    --color-bg-button-hover: rgba(228,227,224,0.9);
    --color-bg-zoom-level: rgba(240,240,238,0.9);
    --color-text: #1a1a1a;
    --color-text-secondary: #3d3d3d;
    --color-text-muted: #8a8883;
    --color-icon: #1a1a1a;
    --color-line-default: #b0ada8;
    --color-line-highlighted: #2b5a8c;
    --color-line-highlighted-down: #b33d3d;
    --color-line-point: #2b5a8c;
    --color-line-arrow: #2b5a8c;
    --color-node-inactive: #d4d2ce;
    --color-node-shadow: rgba(0,0,0,0.1);
    --color-selection: #2b5a8c;
    --color-value-entered: #2b5a8c;
    --color-value-bg: #f0f0ee;
    --color-grid-dot: rgba(26,26,26,0.08);
}

/* --- Monocle Dark --- */
[data-theme="monocle-dark"] {
    --color-bg: #1e1c1a;
    --color-bg-sidebar: #171615;
    --color-bg-panel: rgba(23,22,21,0.7);
    --color-bg-button: rgba(42,39,37,0.9);
    --color-bg-button-hover: rgba(54,50,48,0.9);
    --color-bg-zoom-level: rgba(42,39,37,0.9);
    --color-text: #e8e4df;
    --color-text-secondary: #c4bfb8;
    --color-text-muted: #7a756f;
    --color-icon: #e8e4df;
    --color-line-default: #6b6560;
    --color-line-highlighted: #6a9fd8;
    --color-line-highlighted-down: #d4635b;
    --color-line-point: #6a9fd8;
    --color-line-arrow: #6a9fd8;
    --color-node-inactive: #3d3935;
    --color-node-shadow: rgba(106,159,216,0.12);
    --color-selection: #6a9fd8;
    --color-value-entered: #6a9fd8;
    --color-value-bg: #2a2725;
    --color-grid-dot: rgba(232,228,223,0.07);
}