[data-theme="high-contrast"] {
    --bg-primary: #000000;
    --bg-secondary: #0a0a0a;
    --bg-tertiary: #141414;
    --bg-elevated: #1f1f1f;
    --text-primary: #ffffff;
    --text-secondary: #f0f0f0;
    --text-dim: #c8c8c8;
    --accent: #ffff00;
    --accent-hover: #ffffaa;
    --accent-fg: #000000;
    --accent-subtle: rgba(255, 255, 0, 0.18);
    --accent-subtle: color-mix(in srgb, #ffff00 18%, transparent);
    --accent-glow: rgba(255, 255, 0, 0.45);
    --accent-glow: color-mix(in srgb, #ffff00 45%, transparent);
    --accent-wash: rgba(255, 255, 0, 0.08);
    --accent-wash: color-mix(in srgb, #ffff00 8%, transparent);
    --accent-border: rgba(255, 255, 0, 0.6);
    --accent-border: color-mix(in srgb, #ffff00 60%, transparent);
    --accent-muted: rgba(255, 255, 0, 0.25);
    --accent-muted: color-mix(in srgb, #ffff00 25%, transparent);
    --danger: #ff5555;
    --danger-hover: #ff8888;
    --danger-subtle: rgba(255, 85, 85, 0.18);
    --danger-subtle: color-mix(in srgb, #ff5555 18%, transparent);
    --danger-border: rgba(255, 85, 85, 0.55);
    --danger-border: color-mix(in srgb, #ff5555 55%, transparent);
    --danger-shadow: rgba(255, 85, 85, 0.2);
    --danger-shadow: color-mix(in srgb, #ff5555 20%, transparent);
    --danger-shadow-strong: rgba(255, 85, 85, 0.35);
    --danger-shadow-strong: color-mix(in srgb, #ff5555 35%, transparent);
    --danger-shadow-subtle: rgba(255, 85, 85, 0.08);
    --danger-shadow-subtle: color-mix(in srgb, #ff5555 8%, transparent);
    --on-danger: #000000;
    --success: #00ffff;
    --success-hover: #88ffff;
    --success-subtle: rgba(0, 255, 255, 0.18);
    --success-subtle: color-mix(in srgb, #00ffff 18%, transparent);
    --success-border: rgba(0, 255, 255, 0.55);
    --success-border: color-mix(in srgb, #00ffff 55%, transparent);
    --success-border-strong: rgba(0, 255, 255, 0.7);
    --success-border-strong: color-mix(in srgb, #00ffff 70%, transparent);
    --success-shadow: rgba(0, 255, 255, 0.15);
    --success-shadow: color-mix(in srgb, #00ffff 15%, transparent);
    --on-success: #000000;
    --warning: #ffaa00;
    --warning-hover: #ffcc55;
    --warning-subtle: rgba(255, 170, 0, 0.18);
    --warning-subtle: color-mix(in srgb, #ffaa00 18%, transparent);
    --warning-border: rgba(255, 170, 0, 0.55);
    --warning-border: color-mix(in srgb, #ffaa00 55%, transparent);
    --warning-highlight-active: rgba(255, 170, 0, 0.7);
    --warning-highlight-active: color-mix(in srgb, #ffaa00 70%, transparent);
    --warning-shadow: rgba(255, 170, 0, 0.18);
    --warning-shadow: color-mix(in srgb, #ffaa00 18%, transparent);
    --warning-shadow-strong: rgba(255, 170, 0, 0.35);
    --warning-shadow-strong: color-mix(in srgb, #ffaa00 35%, transparent);
    --warning-pulse: rgba(255, 170, 0, 0.55);
    --warning-pulse: color-mix(in srgb, #ffaa00 55%, transparent);
    --on-warning: #000000;
    --info: #66ddff;
    --info-subtle: rgba(102, 221, 255, 0.18);
    --info-subtle: color-mix(in srgb, #66ddff 18%, transparent);
    --info-shadow: rgba(102, 221, 255, 0.18);
    --info-shadow: color-mix(in srgb, #66ddff 18%, transparent);
    --info-shadow-strong: rgba(102, 221, 255, 0.35);
    --info-shadow-strong: color-mix(in srgb, #66ddff 35%, transparent);
    --on-info: #000000;
    --border: #ffffff;
    --border-light: #c8c8c8;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.6);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.7);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.8);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.5);
}

[data-theme="deuteranopia"] {
    --bg-primary: #0d1117;
    --bg-secondary: #131b25;
    --bg-tertiary: #1c2733;
    --bg-elevated: #263443;
    --text-primary: #e6edf3;
    --text-secondary: #9ba8b8;
    --text-dim: #6b7785;
    --accent: #4f9ee3;
    --accent-hover: #7ab8ee;
    --accent-fg: #0d1117;
    --accent-subtle: rgba(79, 158, 227, 0.12);
    --accent-subtle: color-mix(in srgb, #4f9ee3 12%, transparent);
    --accent-glow: rgba(79, 158, 227, 0.28);
    --accent-glow: color-mix(in srgb, #4f9ee3 28%, transparent);
    --accent-wash: rgba(79, 158, 227, 0.05);
    --accent-wash: color-mix(in srgb, #4f9ee3 5%, transparent);
    --accent-border: rgba(79, 158, 227, 0.35);
    --accent-border: color-mix(in srgb, #4f9ee3 35%, transparent);
    --accent-muted: rgba(79, 158, 227, 0.18);
    --accent-muted: color-mix(in srgb, #4f9ee3 18%, transparent);
    --danger: #e3a23a;
    --danger-hover: #f0bb5e;
    --danger-subtle: rgba(227, 162, 58, 0.12);
    --danger-subtle: color-mix(in srgb, #e3a23a 12%, transparent);
    --danger-border: rgba(227, 162, 58, 0.35);
    --danger-border: color-mix(in srgb, #e3a23a 35%, transparent);
    --danger-shadow: rgba(227, 162, 58, 0.15);
    --danger-shadow: color-mix(in srgb, #e3a23a 15%, transparent);
    --danger-shadow-strong: rgba(227, 162, 58, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #e3a23a 28%, transparent);
    --danger-shadow-subtle: rgba(227, 162, 58, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #e3a23a 5%, transparent);
    --on-danger: #0d1117;
    --success: #5ab1e3;
    --success-hover: #82c5ec;
    --success-subtle: rgba(90, 177, 227, 0.12);
    --success-subtle: color-mix(in srgb, #5ab1e3 12%, transparent);
    --success-border: rgba(90, 177, 227, 0.4);
    --success-border: color-mix(in srgb, #5ab1e3 40%, transparent);
    --success-border-strong: rgba(90, 177, 227, 0.55);
    --success-border-strong: color-mix(in srgb, #5ab1e3 55%, transparent);
    --success-shadow: rgba(90, 177, 227, 0.12);
    --success-shadow: color-mix(in srgb, #5ab1e3 12%, transparent);
    --on-success: #0d1117;
    --warning: #f0c674;
    --warning-hover: #f7d89b;
    --warning-subtle: rgba(240, 198, 116, 0.12);
    --warning-subtle: color-mix(in srgb, #f0c674 12%, transparent);
    --warning-border: rgba(240, 198, 116, 0.35);
    --warning-border: color-mix(in srgb, #f0c674 35%, transparent);
    --warning-highlight-active: rgba(240, 198, 116, 0.65);
    --warning-highlight-active: color-mix(in srgb, #f0c674 65%, transparent);
    --warning-shadow: rgba(240, 198, 116, 0.12);
    --warning-shadow: color-mix(in srgb, #f0c674 12%, transparent);
    --warning-shadow-strong: rgba(240, 198, 116, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #f0c674 28%, transparent);
    --warning-pulse: rgba(240, 198, 116, 0.45);
    --warning-pulse: color-mix(in srgb, #f0c674 45%, transparent);
    --on-warning: #0d1117;
    --info: #8ec5e6;
    --info-subtle: rgba(142, 197, 230, 0.12);
    --info-subtle: color-mix(in srgb, #8ec5e6 12%, transparent);
    --info-shadow: rgba(142, 197, 230, 0.12);
    --info-shadow: color-mix(in srgb, #8ec5e6 12%, transparent);
    --info-shadow-strong: rgba(142, 197, 230, 0.28);
    --info-shadow-strong: color-mix(in srgb, #8ec5e6 28%, transparent);
    --on-info: #0d1117;
    --border: #1f2937;
    --border-light: #374151;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="tritanopia"] {
    --bg-primary: #161213;
    --bg-secondary: #1d1719;
    --bg-tertiary: #261e21;
    --bg-elevated: #33272a;
    --text-primary: #f4ecee;
    --text-secondary: #c6b8bc;
    --text-dim: #8d7d82;
    --accent: #e74c5c;
    --accent-hover: #f17381;
    --accent-fg: #161213;
    --accent-subtle: rgba(231, 76, 92, 0.12);
    --accent-subtle: color-mix(in srgb, #e74c5c 12%, transparent);
    --accent-glow: rgba(231, 76, 92, 0.28);
    --accent-glow: color-mix(in srgb, #e74c5c 28%, transparent);
    --accent-wash: rgba(231, 76, 92, 0.05);
    --accent-wash: color-mix(in srgb, #e74c5c 5%, transparent);
    --accent-border: rgba(231, 76, 92, 0.35);
    --accent-border: color-mix(in srgb, #e74c5c 35%, transparent);
    --accent-muted: rgba(231, 76, 92, 0.18);
    --accent-muted: color-mix(in srgb, #e74c5c 18%, transparent);
    --danger: #ad3a47;
    --danger-hover: #c95766;
    --danger-subtle: rgba(173, 58, 71, 0.12);
    --danger-subtle: color-mix(in srgb, #ad3a47 12%, transparent);
    --danger-border: rgba(173, 58, 71, 0.35);
    --danger-border: color-mix(in srgb, #ad3a47 35%, transparent);
    --danger-shadow: rgba(173, 58, 71, 0.15);
    --danger-shadow: color-mix(in srgb, #ad3a47 15%, transparent);
    --danger-shadow-strong: rgba(173, 58, 71, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #ad3a47 28%, transparent);
    --danger-shadow-subtle: rgba(173, 58, 71, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #ad3a47 5%, transparent);
    --on-danger: #f4ecee;
    --success: #46c2c5;
    --success-hover: #74d4d7;
    --success-subtle: rgba(70, 194, 197, 0.12);
    --success-subtle: color-mix(in srgb, #46c2c5 12%, transparent);
    --success-border: rgba(70, 194, 197, 0.4);
    --success-border: color-mix(in srgb, #46c2c5 40%, transparent);
    --success-border-strong: rgba(70, 194, 197, 0.55);
    --success-border-strong: color-mix(in srgb, #46c2c5 55%, transparent);
    --success-shadow: rgba(70, 194, 197, 0.12);
    --success-shadow: color-mix(in srgb, #46c2c5 12%, transparent);
    --on-success: #161213;
    --warning: #f08a6b;
    --warning-hover: #f5a48a;
    --warning-subtle: rgba(240, 138, 107, 0.12);
    --warning-subtle: color-mix(in srgb, #f08a6b 12%, transparent);
    --warning-border: rgba(240, 138, 107, 0.35);
    --warning-border: color-mix(in srgb, #f08a6b 35%, transparent);
    --warning-highlight-active: rgba(240, 138, 107, 0.65);
    --warning-highlight-active: color-mix(in srgb, #f08a6b 65%, transparent);
    --warning-shadow: rgba(240, 138, 107, 0.12);
    --warning-shadow: color-mix(in srgb, #f08a6b 12%, transparent);
    --warning-shadow-strong: rgba(240, 138, 107, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #f08a6b 28%, transparent);
    --warning-pulse: rgba(240, 138, 107, 0.45);
    --warning-pulse: color-mix(in srgb, #f08a6b 45%, transparent);
    --on-warning: #161213;
    --info: #6ed0d3;
    --info-subtle: rgba(110, 208, 211, 0.12);
    --info-subtle: color-mix(in srgb, #6ed0d3 12%, transparent);
    --info-shadow: rgba(110, 208, 211, 0.12);
    --info-shadow: color-mix(in srgb, #6ed0d3 12%, transparent);
    --info-shadow-strong: rgba(110, 208, 211, 0.28);
    --info-shadow-strong: color-mix(in srgb, #6ed0d3 28%, transparent);
    --on-info: #161213;
    --border: #2c2125;
    --border-light: #463238;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="dracula"] {
    --bg-primary: #282a36;
    --bg-secondary: #21222c;
    --bg-tertiary: #343746;
    --bg-elevated: #44475a;
    --text-primary: #f8f8f2;
    --text-secondary: #c5c5d1;
    --text-dim: #6272a4;
    --accent: #bd93f9;
    --accent-hover: #d2b3ff;
    --accent-fg: #282a36;
    --accent-subtle: rgba(189, 147, 249, 0.12);
    --accent-subtle: color-mix(in srgb, #bd93f9 12%, transparent);
    --accent-glow: rgba(189, 147, 249, 0.28);
    --accent-glow: color-mix(in srgb, #bd93f9 28%, transparent);
    --accent-wash: rgba(189, 147, 249, 0.05);
    --accent-wash: color-mix(in srgb, #bd93f9 5%, transparent);
    --accent-border: rgba(189, 147, 249, 0.35);
    --accent-border: color-mix(in srgb, #bd93f9 35%, transparent);
    --accent-muted: rgba(189, 147, 249, 0.18);
    --accent-muted: color-mix(in srgb, #bd93f9 18%, transparent);
    --danger: #ff5555;
    --danger-hover: #ff7777;
    --danger-subtle: rgba(255, 85, 85, 0.12);
    --danger-subtle: color-mix(in srgb, #ff5555 12%, transparent);
    --danger-border: rgba(255, 85, 85, 0.35);
    --danger-border: color-mix(in srgb, #ff5555 35%, transparent);
    --danger-shadow: rgba(255, 85, 85, 0.15);
    --danger-shadow: color-mix(in srgb, #ff5555 15%, transparent);
    --danger-shadow-strong: rgba(255, 85, 85, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #ff5555 28%, transparent);
    --danger-shadow-subtle: rgba(255, 85, 85, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #ff5555 5%, transparent);
    --on-danger: #282a36;
    --success: #50fa7b;
    --success-hover: #7afa97;
    --success-subtle: rgba(80, 250, 123, 0.12);
    --success-subtle: color-mix(in srgb, #50fa7b 12%, transparent);
    --success-border: rgba(80, 250, 123, 0.4);
    --success-border: color-mix(in srgb, #50fa7b 40%, transparent);
    --success-border-strong: rgba(80, 250, 123, 0.55);
    --success-border-strong: color-mix(in srgb, #50fa7b 55%, transparent);
    --success-shadow: rgba(80, 250, 123, 0.12);
    --success-shadow: color-mix(in srgb, #50fa7b 12%, transparent);
    --on-success: #282a36;
    --warning: #f1fa8c;
    --warning-hover: #f5fba8;
    --warning-subtle: rgba(241, 250, 140, 0.12);
    --warning-subtle: color-mix(in srgb, #f1fa8c 12%, transparent);
    --warning-border: rgba(241, 250, 140, 0.35);
    --warning-border: color-mix(in srgb, #f1fa8c 35%, transparent);
    --warning-highlight-active: rgba(241, 250, 140, 0.65);
    --warning-highlight-active: color-mix(in srgb, #f1fa8c 65%, transparent);
    --warning-shadow: rgba(241, 250, 140, 0.12);
    --warning-shadow: color-mix(in srgb, #f1fa8c 12%, transparent);
    --warning-shadow-strong: rgba(241, 250, 140, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #f1fa8c 28%, transparent);
    --warning-pulse: rgba(241, 250, 140, 0.45);
    --warning-pulse: color-mix(in srgb, #f1fa8c 45%, transparent);
    --on-warning: #282a36;
    --info: #8be9fd;
    --info-subtle: rgba(139, 233, 253, 0.12);
    --info-subtle: color-mix(in srgb, #8be9fd 12%, transparent);
    --info-shadow: rgba(139, 233, 253, 0.12);
    --info-shadow: color-mix(in srgb, #8be9fd 12%, transparent);
    --info-shadow-strong: rgba(139, 233, 253, 0.28);
    --info-shadow-strong: color-mix(in srgb, #8be9fd 28%, transparent);
    --on-info: #282a36;
    --border: #44475a;
    --border-light: #6272a4;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="gruvbox"] {
    --bg-primary: #282828;
    --bg-secondary: #32302f;
    --bg-tertiary: #3c3836;
    --bg-elevated: #504945;
    --text-primary: #ebdbb2;
    --text-secondary: #d5c4a1;
    --text-dim: #928374;
    --accent: #d79921;
    --accent-hover: #fabd2f;
    --accent-fg: #282828;
    --accent-subtle: rgba(215, 153, 33, 0.12);
    --accent-subtle: color-mix(in srgb, #d79921 12%, transparent);
    --accent-glow: rgba(215, 153, 33, 0.28);
    --accent-glow: color-mix(in srgb, #d79921 28%, transparent);
    --accent-wash: rgba(215, 153, 33, 0.05);
    --accent-wash: color-mix(in srgb, #d79921 5%, transparent);
    --accent-border: rgba(215, 153, 33, 0.35);
    --accent-border: color-mix(in srgb, #d79921 35%, transparent);
    --accent-muted: rgba(215, 153, 33, 0.18);
    --accent-muted: color-mix(in srgb, #d79921 18%, transparent);
    --danger: #cc241d;
    --danger-hover: #fb4934;
    --danger-subtle: rgba(204, 36, 29, 0.12);
    --danger-subtle: color-mix(in srgb, #cc241d 12%, transparent);
    --danger-border: rgba(204, 36, 29, 0.35);
    --danger-border: color-mix(in srgb, #cc241d 35%, transparent);
    --danger-shadow: rgba(204, 36, 29, 0.15);
    --danger-shadow: color-mix(in srgb, #cc241d 15%, transparent);
    --danger-shadow-strong: rgba(204, 36, 29, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #cc241d 28%, transparent);
    --danger-shadow-subtle: rgba(204, 36, 29, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #cc241d 5%, transparent);
    --on-danger: #ebdbb2;
    --success: #98971a;
    --success-hover: #b8bb26;
    --success-subtle: rgba(152, 151, 26, 0.12);
    --success-subtle: color-mix(in srgb, #98971a 12%, transparent);
    --success-border: rgba(152, 151, 26, 0.4);
    --success-border: color-mix(in srgb, #98971a 40%, transparent);
    --success-border-strong: rgba(152, 151, 26, 0.55);
    --success-border-strong: color-mix(in srgb, #98971a 55%, transparent);
    --success-shadow: rgba(152, 151, 26, 0.12);
    --success-shadow: color-mix(in srgb, #98971a 12%, transparent);
    --on-success: #282828;
    --warning: #d65d0e;
    --warning-hover: #fe8019;
    --warning-subtle: rgba(214, 93, 14, 0.12);
    --warning-subtle: color-mix(in srgb, #d65d0e 12%, transparent);
    --warning-border: rgba(214, 93, 14, 0.35);
    --warning-border: color-mix(in srgb, #d65d0e 35%, transparent);
    --warning-highlight-active: rgba(214, 93, 14, 0.65);
    --warning-highlight-active: color-mix(in srgb, #d65d0e 65%, transparent);
    --warning-shadow: rgba(214, 93, 14, 0.12);
    --warning-shadow: color-mix(in srgb, #d65d0e 12%, transparent);
    --warning-shadow-strong: rgba(214, 93, 14, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #d65d0e 28%, transparent);
    --warning-pulse: rgba(214, 93, 14, 0.45);
    --warning-pulse: color-mix(in srgb, #d65d0e 45%, transparent);
    --on-warning: #ebdbb2;
    --info: #458588;
    --info-subtle: rgba(69, 133, 136, 0.12);
    --info-subtle: color-mix(in srgb, #458588 12%, transparent);
    --info-shadow: rgba(69, 133, 136, 0.12);
    --info-shadow: color-mix(in srgb, #458588 12%, transparent);
    --info-shadow-strong: rgba(69, 133, 136, 0.28);
    --info-shadow-strong: color-mix(in srgb, #458588 28%, transparent);
    --on-info: #ebdbb2;
    --border: #3c3836;
    --border-light: #665c54;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="solarized-dark"] {
    --bg-primary: #002b36;
    --bg-secondary: #073642;
    --bg-tertiary: #0a4351;
    --bg-elevated: #105061;
    --text-primary: #eee8d5;
    --text-secondary: #93a1a1;
    --text-dim: #586e75;
    --accent: #268bd2;
    --accent-hover: #4ea7e6;
    --accent-fg: #002b36;
    --accent-subtle: rgba(38, 139, 210, 0.12);
    --accent-subtle: color-mix(in srgb, #268bd2 12%, transparent);
    --accent-glow: rgba(38, 139, 210, 0.28);
    --accent-glow: color-mix(in srgb, #268bd2 28%, transparent);
    --accent-wash: rgba(38, 139, 210, 0.05);
    --accent-wash: color-mix(in srgb, #268bd2 5%, transparent);
    --accent-border: rgba(38, 139, 210, 0.35);
    --accent-border: color-mix(in srgb, #268bd2 35%, transparent);
    --accent-muted: rgba(38, 139, 210, 0.18);
    --accent-muted: color-mix(in srgb, #268bd2 18%, transparent);
    --danger: #dc322f;
    --danger-hover: #ef5350;
    --danger-subtle: rgba(220, 50, 47, 0.12);
    --danger-subtle: color-mix(in srgb, #dc322f 12%, transparent);
    --danger-border: rgba(220, 50, 47, 0.35);
    --danger-border: color-mix(in srgb, #dc322f 35%, transparent);
    --danger-shadow: rgba(220, 50, 47, 0.15);
    --danger-shadow: color-mix(in srgb, #dc322f 15%, transparent);
    --danger-shadow-strong: rgba(220, 50, 47, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #dc322f 28%, transparent);
    --danger-shadow-subtle: rgba(220, 50, 47, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #dc322f 5%, transparent);
    --on-danger: #eee8d5;
    --success: #859900;
    --success-hover: #a4bf00;
    --success-subtle: rgba(133, 153, 0, 0.12);
    --success-subtle: color-mix(in srgb, #859900 12%, transparent);
    --success-border: rgba(133, 153, 0, 0.4);
    --success-border: color-mix(in srgb, #859900 40%, transparent);
    --success-border-strong: rgba(133, 153, 0, 0.55);
    --success-border-strong: color-mix(in srgb, #859900 55%, transparent);
    --success-shadow: rgba(133, 153, 0, 0.12);
    --success-shadow: color-mix(in srgb, #859900 12%, transparent);
    --on-success: #002b36;
    --warning: #b58900;
    --warning-hover: #d4a216;
    --warning-subtle: rgba(181, 137, 0, 0.12);
    --warning-subtle: color-mix(in srgb, #b58900 12%, transparent);
    --warning-border: rgba(181, 137, 0, 0.35);
    --warning-border: color-mix(in srgb, #b58900 35%, transparent);
    --warning-highlight-active: rgba(181, 137, 0, 0.65);
    --warning-highlight-active: color-mix(in srgb, #b58900 65%, transparent);
    --warning-shadow: rgba(181, 137, 0, 0.12);
    --warning-shadow: color-mix(in srgb, #b58900 12%, transparent);
    --warning-shadow-strong: rgba(181, 137, 0, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #b58900 28%, transparent);
    --warning-pulse: rgba(181, 137, 0, 0.45);
    --warning-pulse: color-mix(in srgb, #b58900 45%, transparent);
    --on-warning: #002b36;
    --info: #2aa198;
    --info-subtle: rgba(42, 161, 152, 0.12);
    --info-subtle: color-mix(in srgb, #2aa198 12%, transparent);
    --info-shadow: rgba(42, 161, 152, 0.12);
    --info-shadow: color-mix(in srgb, #2aa198 12%, transparent);
    --info-shadow-strong: rgba(42, 161, 152, 0.28);
    --info-shadow-strong: color-mix(in srgb, #2aa198 28%, transparent);
    --on-info: #002b36;
    --border: #094352;
    --border-light: #2e5d6c;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="solarized-light"] {
    --bg-primary: #fdf6e3;
    --bg-secondary: #f5eed5;
    --bg-tertiary: #eee8d5;
    --bg-elevated: #e3dcc4;
    --text-primary: #073642;
    --text-secondary: #586e75;
    --text-dim: #93a1a1;
    --accent: #268bd2;
    --accent-hover: #1e6fa8;
    --accent-fg: #fdf6e3;
    --accent-subtle: rgba(38, 139, 210, 0.1);
    --accent-subtle: color-mix(in srgb, #268bd2 10%, transparent);
    --accent-glow: rgba(38, 139, 210, 0.22);
    --accent-glow: color-mix(in srgb, #268bd2 22%, transparent);
    --accent-wash: rgba(38, 139, 210, 0.04);
    --accent-wash: color-mix(in srgb, #268bd2 4%, transparent);
    --accent-border: rgba(38, 139, 210, 0.3);
    --accent-border: color-mix(in srgb, #268bd2 30%, transparent);
    --accent-muted: rgba(38, 139, 210, 0.16);
    --accent-muted: color-mix(in srgb, #268bd2 16%, transparent);
    --danger: #dc322f;
    --danger-hover: #b82824;
    --danger-subtle: rgba(220, 50, 47, 0.1);
    --danger-subtle: color-mix(in srgb, #dc322f 10%, transparent);
    --danger-border: rgba(220, 50, 47, 0.3);
    --danger-border: color-mix(in srgb, #dc322f 30%, transparent);
    --danger-shadow: rgba(220, 50, 47, 0.12);
    --danger-shadow: color-mix(in srgb, #dc322f 12%, transparent);
    --danger-shadow-strong: rgba(220, 50, 47, 0.25);
    --danger-shadow-strong: color-mix(in srgb, #dc322f 25%, transparent);
    --danger-shadow-subtle: rgba(220, 50, 47, 0.04);
    --danger-shadow-subtle: color-mix(in srgb, #dc322f 4%, transparent);
    --on-danger: #fdf6e3;
    --success: #2aa198;
    --success-hover: #21847d;
    --success-subtle: rgba(42, 161, 152, 0.12);
    --success-subtle: color-mix(in srgb, #2aa198 12%, transparent);
    --success-border: rgba(42, 161, 152, 0.35);
    --success-border: color-mix(in srgb, #2aa198 35%, transparent);
    --success-border-strong: rgba(42, 161, 152, 0.5);
    --success-border-strong: color-mix(in srgb, #2aa198 50%, transparent);
    --success-shadow: rgba(42, 161, 152, 0.1);
    --success-shadow: color-mix(in srgb, #2aa198 10%, transparent);
    --on-success: #fdf6e3;
    --warning: #b58900;
    --warning-hover: #946f00;
    --warning-subtle: rgba(181, 137, 0, 0.1);
    --warning-subtle: color-mix(in srgb, #b58900 10%, transparent);
    --warning-border: rgba(181, 137, 0, 0.3);
    --warning-border: color-mix(in srgb, #b58900 30%, transparent);
    --warning-highlight-active: rgba(181, 137, 0, 0.6);
    --warning-highlight-active: color-mix(in srgb, #b58900 60%, transparent);
    --warning-shadow: rgba(181, 137, 0, 0.1);
    --warning-shadow: color-mix(in srgb, #b58900 10%, transparent);
    --warning-shadow-strong: rgba(181, 137, 0, 0.22);
    --warning-shadow-strong: color-mix(in srgb, #b58900 22%, transparent);
    --warning-pulse: rgba(181, 137, 0, 0.4);
    --warning-pulse: color-mix(in srgb, #b58900 40%, transparent);
    --on-warning: #fdf6e3;
    --info: #268bd2;
    --info-subtle: rgba(38, 139, 210, 0.1);
    --info-subtle: color-mix(in srgb, #268bd2 10%, transparent);
    --info-shadow: rgba(38, 139, 210, 0.1);
    --info-shadow: color-mix(in srgb, #268bd2 10%, transparent);
    --info-shadow-strong: rgba(38, 139, 210, 0.22);
    --info-shadow-strong: color-mix(in srgb, #268bd2 22%, transparent);
    --on-info: #fdf6e3;
    --border: #d8d2bd;
    --border-light: #bdb79f;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.10);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.04);
}

[data-theme="catppuccin"] {
    --bg-primary: #1e1e2e;
    --bg-secondary: #181825;
    --bg-tertiary: #313244;
    --bg-elevated: #45475a;
    --text-primary: #cdd6f4;
    --text-secondary: #bac2de;
    --text-dim: #7f849c;
    --accent: #cba6f7;
    --accent-hover: #dcc0fc;
    --accent-fg: #1e1e2e;
    --accent-subtle: rgba(203, 166, 247, 0.12);
    --accent-subtle: color-mix(in srgb, #cba6f7 12%, transparent);
    --accent-glow: rgba(203, 166, 247, 0.28);
    --accent-glow: color-mix(in srgb, #cba6f7 28%, transparent);
    --accent-wash: rgba(203, 166, 247, 0.05);
    --accent-wash: color-mix(in srgb, #cba6f7 5%, transparent);
    --accent-border: rgba(203, 166, 247, 0.35);
    --accent-border: color-mix(in srgb, #cba6f7 35%, transparent);
    --accent-muted: rgba(203, 166, 247, 0.18);
    --accent-muted: color-mix(in srgb, #cba6f7 18%, transparent);
    --danger: #f38ba8;
    --danger-hover: #f5a3bb;
    --danger-subtle: rgba(243, 139, 168, 0.12);
    --danger-subtle: color-mix(in srgb, #f38ba8 12%, transparent);
    --danger-border: rgba(243, 139, 168, 0.35);
    --danger-border: color-mix(in srgb, #f38ba8 35%, transparent);
    --danger-shadow: rgba(243, 139, 168, 0.15);
    --danger-shadow: color-mix(in srgb, #f38ba8 15%, transparent);
    --danger-shadow-strong: rgba(243, 139, 168, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #f38ba8 28%, transparent);
    --danger-shadow-subtle: rgba(243, 139, 168, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #f38ba8 5%, transparent);
    --on-danger: #1e1e2e;
    --success: #a6e3a1;
    --success-hover: #bdebb8;
    --success-subtle: rgba(166, 227, 161, 0.12);
    --success-subtle: color-mix(in srgb, #a6e3a1 12%, transparent);
    --success-border: rgba(166, 227, 161, 0.4);
    --success-border: color-mix(in srgb, #a6e3a1 40%, transparent);
    --success-border-strong: rgba(166, 227, 161, 0.55);
    --success-border-strong: color-mix(in srgb, #a6e3a1 55%, transparent);
    --success-shadow: rgba(166, 227, 161, 0.12);
    --success-shadow: color-mix(in srgb, #a6e3a1 12%, transparent);
    --on-success: #1e1e2e;
    --warning: #f9e2af;
    --warning-hover: #faeac2;
    --warning-subtle: rgba(249, 226, 175, 0.12);
    --warning-subtle: color-mix(in srgb, #f9e2af 12%, transparent);
    --warning-border: rgba(249, 226, 175, 0.35);
    --warning-border: color-mix(in srgb, #f9e2af 35%, transparent);
    --warning-highlight-active: rgba(249, 226, 175, 0.65);
    --warning-highlight-active: color-mix(in srgb, #f9e2af 65%, transparent);
    --warning-shadow: rgba(249, 226, 175, 0.12);
    --warning-shadow: color-mix(in srgb, #f9e2af 12%, transparent);
    --warning-shadow-strong: rgba(249, 226, 175, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #f9e2af 28%, transparent);
    --warning-pulse: rgba(249, 226, 175, 0.45);
    --warning-pulse: color-mix(in srgb, #f9e2af 45%, transparent);
    --on-warning: #1e1e2e;
    --info: #89dceb;
    --info-subtle: rgba(137, 220, 235, 0.12);
    --info-subtle: color-mix(in srgb, #89dceb 12%, transparent);
    --info-shadow: rgba(137, 220, 235, 0.12);
    --info-shadow: color-mix(in srgb, #89dceb 12%, transparent);
    --info-shadow-strong: rgba(137, 220, 235, 0.28);
    --info-shadow-strong: color-mix(in srgb, #89dceb 28%, transparent);
    --on-info: #1e1e2e;
    --border: #313244;
    --border-light: #45475a;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="nord"] {
    --bg-primary: #2e3440;
    --bg-secondary: #3b4252;
    --bg-tertiary: #434c5e;
    --bg-elevated: #4c566a;
    --text-primary: #eceff4;
    --text-secondary: #d8dee9;
    --text-dim: #81a1c1;
    --accent: #88c0d0;
    --accent-hover: #a3d0dc;
    --accent-fg: #2e3440;
    --accent-subtle: rgba(136, 192, 208, 0.14);
    --accent-subtle: color-mix(in srgb, #88c0d0 14%, transparent);
    --accent-glow: rgba(136, 192, 208, 0.3);
    --accent-glow: color-mix(in srgb, #88c0d0 30%, transparent);
    --accent-wash: rgba(136, 192, 208, 0.06);
    --accent-wash: color-mix(in srgb, #88c0d0 6%, transparent);
    --accent-border: rgba(136, 192, 208, 0.38);
    --accent-border: color-mix(in srgb, #88c0d0 38%, transparent);
    --accent-muted: rgba(136, 192, 208, 0.2);
    --accent-muted: color-mix(in srgb, #88c0d0 20%, transparent);
    --danger: #bf616a;
    --danger-hover: #d08087;
    --danger-subtle: rgba(191, 97, 106, 0.12);
    --danger-subtle: color-mix(in srgb, #bf616a 12%, transparent);
    --danger-border: rgba(191, 97, 106, 0.35);
    --danger-border: color-mix(in srgb, #bf616a 35%, transparent);
    --danger-shadow: rgba(191, 97, 106, 0.15);
    --danger-shadow: color-mix(in srgb, #bf616a 15%, transparent);
    --danger-shadow-strong: rgba(191, 97, 106, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #bf616a 28%, transparent);
    --danger-shadow-subtle: rgba(191, 97, 106, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #bf616a 5%, transparent);
    --on-danger: #2e3440;
    --success: #a3be8c;
    --success-hover: #b6cca2;
    --success-subtle: rgba(163, 190, 140, 0.12);
    --success-subtle: color-mix(in srgb, #a3be8c 12%, transparent);
    --success-border: rgba(163, 190, 140, 0.4);
    --success-border: color-mix(in srgb, #a3be8c 40%, transparent);
    --success-border-strong: rgba(163, 190, 140, 0.55);
    --success-border-strong: color-mix(in srgb, #a3be8c 55%, transparent);
    --success-shadow: rgba(163, 190, 140, 0.12);
    --success-shadow: color-mix(in srgb, #a3be8c 12%, transparent);
    --on-success: #2e3440;
    --warning: #ebcb8b;
    --warning-hover: #f0d8a8;
    --warning-subtle: rgba(235, 203, 139, 0.12);
    --warning-subtle: color-mix(in srgb, #ebcb8b 12%, transparent);
    --warning-border: rgba(235, 203, 139, 0.35);
    --warning-border: color-mix(in srgb, #ebcb8b 35%, transparent);
    --warning-highlight-active: rgba(235, 203, 139, 0.65);
    --warning-highlight-active: color-mix(in srgb, #ebcb8b 65%, transparent);
    --warning-shadow: rgba(235, 203, 139, 0.12);
    --warning-shadow: color-mix(in srgb, #ebcb8b 12%, transparent);
    --warning-shadow-strong: rgba(235, 203, 139, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #ebcb8b 28%, transparent);
    --warning-pulse: rgba(235, 203, 139, 0.45);
    --warning-pulse: color-mix(in srgb, #ebcb8b 45%, transparent);
    --on-warning: #2e3440;
    --info: #5e81ac;
    --info-subtle: rgba(94, 129, 172, 0.14);
    --info-subtle: color-mix(in srgb, #5e81ac 14%, transparent);
    --info-shadow: rgba(94, 129, 172, 0.14);
    --info-shadow: color-mix(in srgb, #5e81ac 14%, transparent);
    --info-shadow-strong: rgba(94, 129, 172, 0.3);
    --info-shadow-strong: color-mix(in srgb, #5e81ac 30%, transparent);
    --on-info: #eceff4;
    --border: #3b4252;
    --border-light: #4c566a;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="monokai"] {
    --bg-primary: #272822;
    --bg-secondary: #1e1f1a;
    --bg-tertiary: #3e3d32;
    --bg-elevated: #49483e;
    --text-primary: #f8f8f2;
    --text-secondary: #cfcfc2;
    --text-dim: #75715e;
    --accent: #a6e22e;
    --accent-hover: #bdf04a;
    --accent-fg: #272822;
    --accent-subtle: rgba(166, 226, 46, 0.12);
    --accent-subtle: color-mix(in srgb, #a6e22e 12%, transparent);
    --accent-glow: rgba(166, 226, 46, 0.28);
    --accent-glow: color-mix(in srgb, #a6e22e 28%, transparent);
    --accent-wash: rgba(166, 226, 46, 0.05);
    --accent-wash: color-mix(in srgb, #a6e22e 5%, transparent);
    --accent-border: rgba(166, 226, 46, 0.35);
    --accent-border: color-mix(in srgb, #a6e22e 35%, transparent);
    --accent-muted: rgba(166, 226, 46, 0.18);
    --accent-muted: color-mix(in srgb, #a6e22e 18%, transparent);
    --danger: #f92672;
    --danger-hover: #fb4d8c;
    --danger-subtle: rgba(249, 38, 114, 0.12);
    --danger-subtle: color-mix(in srgb, #f92672 12%, transparent);
    --danger-border: rgba(249, 38, 114, 0.35);
    --danger-border: color-mix(in srgb, #f92672 35%, transparent);
    --danger-shadow: rgba(249, 38, 114, 0.15);
    --danger-shadow: color-mix(in srgb, #f92672 15%, transparent);
    --danger-shadow-strong: rgba(249, 38, 114, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #f92672 28%, transparent);
    --danger-shadow-subtle: rgba(249, 38, 114, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #f92672 5%, transparent);
    --on-danger: #f8f8f2;
    --success: #a6e22e;
    --success-hover: #bdf04a;
    --success-subtle: rgba(166, 226, 46, 0.12);
    --success-subtle: color-mix(in srgb, #a6e22e 12%, transparent);
    --success-border: rgba(166, 226, 46, 0.4);
    --success-border: color-mix(in srgb, #a6e22e 40%, transparent);
    --success-border-strong: rgba(166, 226, 46, 0.55);
    --success-border-strong: color-mix(in srgb, #a6e22e 55%, transparent);
    --success-shadow: rgba(166, 226, 46, 0.12);
    --success-shadow: color-mix(in srgb, #a6e22e 12%, transparent);
    --on-success: #272822;
    --warning: #fd971f;
    --warning-hover: #ffb352;
    --warning-subtle: rgba(253, 151, 31, 0.12);
    --warning-subtle: color-mix(in srgb, #fd971f 12%, transparent);
    --warning-border: rgba(253, 151, 31, 0.35);
    --warning-border: color-mix(in srgb, #fd971f 35%, transparent);
    --warning-highlight-active: rgba(253, 151, 31, 0.65);
    --warning-highlight-active: color-mix(in srgb, #fd971f 65%, transparent);
    --warning-shadow: rgba(253, 151, 31, 0.12);
    --warning-shadow: color-mix(in srgb, #fd971f 12%, transparent);
    --warning-shadow-strong: rgba(253, 151, 31, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #fd971f 28%, transparent);
    --warning-pulse: rgba(253, 151, 31, 0.45);
    --warning-pulse: color-mix(in srgb, #fd971f 45%, transparent);
    --on-warning: #272822;
    --info: #66d9ef;
    --info-subtle: rgba(102, 217, 239, 0.12);
    --info-subtle: color-mix(in srgb, #66d9ef 12%, transparent);
    --info-shadow: rgba(102, 217, 239, 0.12);
    --info-shadow: color-mix(in srgb, #66d9ef 12%, transparent);
    --info-shadow-strong: rgba(102, 217, 239, 0.28);
    --info-shadow-strong: color-mix(in srgb, #66d9ef 28%, transparent);
    --on-info: #272822;
    --border: #3e3d32;
    --border-light: #75715e;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="tokyo-night"] {
    --bg-primary: #1a1b26;
    --bg-secondary: #16161e;
    --bg-tertiary: #24283b;
    --bg-elevated: #2f334d;
    --text-primary: #c0caf5;
    --text-secondary: #a9b1d6;
    --text-dim: #565f89;
    --accent: #7aa2f7;
    --accent-hover: #9bb8fa;
    --accent-fg: #1a1b26;
    --accent-subtle: rgba(122, 162, 247, 0.12);
    --accent-subtle: color-mix(in srgb, #7aa2f7 12%, transparent);
    --accent-glow: rgba(122, 162, 247, 0.28);
    --accent-glow: color-mix(in srgb, #7aa2f7 28%, transparent);
    --accent-wash: rgba(122, 162, 247, 0.05);
    --accent-wash: color-mix(in srgb, #7aa2f7 5%, transparent);
    --accent-border: rgba(122, 162, 247, 0.35);
    --accent-border: color-mix(in srgb, #7aa2f7 35%, transparent);
    --accent-muted: rgba(122, 162, 247, 0.18);
    --accent-muted: color-mix(in srgb, #7aa2f7 18%, transparent);
    --danger: #f7768e;
    --danger-hover: #fa92a4;
    --danger-subtle: rgba(247, 118, 142, 0.12);
    --danger-subtle: color-mix(in srgb, #f7768e 12%, transparent);
    --danger-border: rgba(247, 118, 142, 0.35);
    --danger-border: color-mix(in srgb, #f7768e 35%, transparent);
    --danger-shadow: rgba(247, 118, 142, 0.15);
    --danger-shadow: color-mix(in srgb, #f7768e 15%, transparent);
    --danger-shadow-strong: rgba(247, 118, 142, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #f7768e 28%, transparent);
    --danger-shadow-subtle: rgba(247, 118, 142, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #f7768e 5%, transparent);
    --on-danger: #1a1b26;
    --success: #9ece6a;
    --success-hover: #b4dc89;
    --success-subtle: rgba(158, 206, 106, 0.12);
    --success-subtle: color-mix(in srgb, #9ece6a 12%, transparent);
    --success-border: rgba(158, 206, 106, 0.4);
    --success-border: color-mix(in srgb, #9ece6a 40%, transparent);
    --success-border-strong: rgba(158, 206, 106, 0.55);
    --success-border-strong: color-mix(in srgb, #9ece6a 55%, transparent);
    --success-shadow: rgba(158, 206, 106, 0.12);
    --success-shadow: color-mix(in srgb, #9ece6a 12%, transparent);
    --on-success: #1a1b26;
    --warning: #e0af68;
    --warning-hover: #ebc287;
    --warning-subtle: rgba(224, 175, 104, 0.12);
    --warning-subtle: color-mix(in srgb, #e0af68 12%, transparent);
    --warning-border: rgba(224, 175, 104, 0.35);
    --warning-border: color-mix(in srgb, #e0af68 35%, transparent);
    --warning-highlight-active: rgba(224, 175, 104, 0.65);
    --warning-highlight-active: color-mix(in srgb, #e0af68 65%, transparent);
    --warning-shadow: rgba(224, 175, 104, 0.12);
    --warning-shadow: color-mix(in srgb, #e0af68 12%, transparent);
    --warning-shadow-strong: rgba(224, 175, 104, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #e0af68 28%, transparent);
    --warning-pulse: rgba(224, 175, 104, 0.45);
    --warning-pulse: color-mix(in srgb, #e0af68 45%, transparent);
    --on-warning: #1a1b26;
    --info: #7dcfff;
    --info-subtle: rgba(125, 207, 255, 0.12);
    --info-subtle: color-mix(in srgb, #7dcfff 12%, transparent);
    --info-shadow: rgba(125, 207, 255, 0.12);
    --info-shadow: color-mix(in srgb, #7dcfff 12%, transparent);
    --info-shadow-strong: rgba(125, 207, 255, 0.28);
    --info-shadow-strong: color-mix(in srgb, #7dcfff 28%, transparent);
    --on-info: #1a1b26;
    --border: #24283b;
    --border-light: #414868;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="rose-pine"] {
    --bg-primary: #191724;
    --bg-secondary: #1f1d2e;
    --bg-tertiary: #26233a;
    --bg-elevated: #2a273f;
    --text-primary: #e0def4;
    --text-secondary: #c4c1d8;
    --text-dim: #6e6a86;
    --accent: #ebbcba;
    --accent-hover: #f0cdcb;
    --accent-fg: #191724;
    --accent-subtle: rgba(235, 188, 186, 0.14);
    --accent-subtle: color-mix(in srgb, #ebbcba 14%, transparent);
    --accent-glow: rgba(235, 188, 186, 0.3);
    --accent-glow: color-mix(in srgb, #ebbcba 30%, transparent);
    --accent-wash: rgba(235, 188, 186, 0.06);
    --accent-wash: color-mix(in srgb, #ebbcba 6%, transparent);
    --accent-border: rgba(235, 188, 186, 0.38);
    --accent-border: color-mix(in srgb, #ebbcba 38%, transparent);
    --accent-muted: rgba(235, 188, 186, 0.2);
    --accent-muted: color-mix(in srgb, #ebbcba 20%, transparent);
    --danger: #eb6f92;
    --danger-hover: #f08aab;
    --danger-subtle: rgba(235, 111, 146, 0.12);
    --danger-subtle: color-mix(in srgb, #eb6f92 12%, transparent);
    --danger-border: rgba(235, 111, 146, 0.35);
    --danger-border: color-mix(in srgb, #eb6f92 35%, transparent);
    --danger-shadow: rgba(235, 111, 146, 0.15);
    --danger-shadow: color-mix(in srgb, #eb6f92 15%, transparent);
    --danger-shadow-strong: rgba(235, 111, 146, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #eb6f92 28%, transparent);
    --danger-shadow-subtle: rgba(235, 111, 146, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #eb6f92 5%, transparent);
    --on-danger: #191724;
    --success: #31748f;
    --success-hover: #4a8fab;
    --success-subtle: rgba(49, 116, 143, 0.14);
    --success-subtle: color-mix(in srgb, #31748f 14%, transparent);
    --success-border: rgba(49, 116, 143, 0.4);
    --success-border: color-mix(in srgb, #31748f 40%, transparent);
    --success-border-strong: rgba(49, 116, 143, 0.55);
    --success-border-strong: color-mix(in srgb, #31748f 55%, transparent);
    --success-shadow: rgba(49, 116, 143, 0.14);
    --success-shadow: color-mix(in srgb, #31748f 14%, transparent);
    --on-success: #e0def4;
    --warning: #f6c177;
    --warning-hover: #fad29b;
    --warning-subtle: rgba(246, 193, 119, 0.12);
    --warning-subtle: color-mix(in srgb, #f6c177 12%, transparent);
    --warning-border: rgba(246, 193, 119, 0.35);
    --warning-border: color-mix(in srgb, #f6c177 35%, transparent);
    --warning-highlight-active: rgba(246, 193, 119, 0.65);
    --warning-highlight-active: color-mix(in srgb, #f6c177 65%, transparent);
    --warning-shadow: rgba(246, 193, 119, 0.12);
    --warning-shadow: color-mix(in srgb, #f6c177 12%, transparent);
    --warning-shadow-strong: rgba(246, 193, 119, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #f6c177 28%, transparent);
    --warning-pulse: rgba(246, 193, 119, 0.45);
    --warning-pulse: color-mix(in srgb, #f6c177 45%, transparent);
    --on-warning: #191724;
    --info: #9ccfd8;
    --info-subtle: rgba(156, 207, 216, 0.12);
    --info-subtle: color-mix(in srgb, #9ccfd8 12%, transparent);
    --info-shadow: rgba(156, 207, 216, 0.12);
    --info-shadow: color-mix(in srgb, #9ccfd8 12%, transparent);
    --info-shadow-strong: rgba(156, 207, 216, 0.28);
    --info-shadow-strong: color-mix(in srgb, #9ccfd8 28%, transparent);
    --on-info: #191724;
    --border: #26233a;
    --border-light: #403d5d;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="one-dark"] {
    --bg-primary: #282c34;
    --bg-secondary: #21252b;
    --bg-tertiary: #2c313a;
    --bg-elevated: #353b45;
    --text-primary: #abb2bf;
    --text-secondary: #9da5b4;
    --text-dim: #5c6370;
    --accent: #61afef;
    --accent-hover: #82c0f5;
    --accent-fg: #282c34;
    --accent-subtle: rgba(97, 175, 239, 0.14);
    --accent-subtle: color-mix(in srgb, #61afef 14%, transparent);
    --accent-glow: rgba(97, 175, 239, 0.3);
    --accent-glow: color-mix(in srgb, #61afef 30%, transparent);
    --accent-wash: rgba(97, 175, 239, 0.06);
    --accent-wash: color-mix(in srgb, #61afef 6%, transparent);
    --accent-border: rgba(97, 175, 239, 0.38);
    --accent-border: color-mix(in srgb, #61afef 38%, transparent);
    --accent-muted: rgba(97, 175, 239, 0.2);
    --accent-muted: color-mix(in srgb, #61afef 20%, transparent);
    --danger: #e06c75;
    --danger-hover: #ec8890;
    --danger-subtle: rgba(224, 108, 117, 0.12);
    --danger-subtle: color-mix(in srgb, #e06c75 12%, transparent);
    --danger-border: rgba(224, 108, 117, 0.35);
    --danger-border: color-mix(in srgb, #e06c75 35%, transparent);
    --danger-shadow: rgba(224, 108, 117, 0.15);
    --danger-shadow: color-mix(in srgb, #e06c75 15%, transparent);
    --danger-shadow-strong: rgba(224, 108, 117, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #e06c75 28%, transparent);
    --danger-shadow-subtle: rgba(224, 108, 117, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #e06c75 5%, transparent);
    --on-danger: #282c34;
    --success: #98c379;
    --success-hover: #b0d295;
    --success-subtle: rgba(152, 195, 121, 0.14);
    --success-subtle: color-mix(in srgb, #98c379 14%, transparent);
    --success-border: rgba(152, 195, 121, 0.4);
    --success-border: color-mix(in srgb, #98c379 40%, transparent);
    --success-border-strong: rgba(152, 195, 121, 0.55);
    --success-border-strong: color-mix(in srgb, #98c379 55%, transparent);
    --success-shadow: rgba(152, 195, 121, 0.14);
    --success-shadow: color-mix(in srgb, #98c379 14%, transparent);
    --on-success: #282c34;
    --warning: #e5c07b;
    --warning-hover: #edd197;
    --warning-subtle: rgba(229, 192, 123, 0.12);
    --warning-subtle: color-mix(in srgb, #e5c07b 12%, transparent);
    --warning-border: rgba(229, 192, 123, 0.35);
    --warning-border: color-mix(in srgb, #e5c07b 35%, transparent);
    --warning-highlight-active: rgba(229, 192, 123, 0.65);
    --warning-highlight-active: color-mix(in srgb, #e5c07b 65%, transparent);
    --warning-shadow: rgba(229, 192, 123, 0.12);
    --warning-shadow: color-mix(in srgb, #e5c07b 12%, transparent);
    --warning-shadow-strong: rgba(229, 192, 123, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #e5c07b 28%, transparent);
    --warning-pulse: rgba(229, 192, 123, 0.45);
    --warning-pulse: color-mix(in srgb, #e5c07b 45%, transparent);
    --on-warning: #282c34;
    --info: #56b6c2;
    --info-subtle: rgba(86, 182, 194, 0.12);
    --info-subtle: color-mix(in srgb, #56b6c2 12%, transparent);
    --info-shadow: rgba(86, 182, 194, 0.12);
    --info-shadow: color-mix(in srgb, #56b6c2 12%, transparent);
    --info-shadow-strong: rgba(86, 182, 194, 0.28);
    --info-shadow-strong: color-mix(in srgb, #56b6c2 28%, transparent);
    --on-info: #282c34;
    --border: #3e4451;
    --border-light: #4b5263;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="ayu-dark"] {
    --bg-primary: #0b0e14;
    --bg-secondary: #11151c;
    --bg-tertiary: #161a23;
    --bg-elevated: #1d222d;
    --text-primary: #bfbdb6;
    --text-secondary: #a6a39b;
    --text-dim: #565b66;
    --accent: #e6b450;
    --accent-hover: #f0c473;
    --accent-fg: #0b0e14;
    --accent-subtle: rgba(230, 180, 80, 0.14);
    --accent-subtle: color-mix(in srgb, #e6b450 14%, transparent);
    --accent-glow: rgba(230, 180, 80, 0.3);
    --accent-glow: color-mix(in srgb, #e6b450 30%, transparent);
    --accent-wash: rgba(230, 180, 80, 0.06);
    --accent-wash: color-mix(in srgb, #e6b450 6%, transparent);
    --accent-border: rgba(230, 180, 80, 0.38);
    --accent-border: color-mix(in srgb, #e6b450 38%, transparent);
    --accent-muted: rgba(230, 180, 80, 0.2);
    --accent-muted: color-mix(in srgb, #e6b450 20%, transparent);
    --danger: #f07178;
    --danger-hover: #f48d92;
    --danger-subtle: rgba(240, 113, 120, 0.12);
    --danger-subtle: color-mix(in srgb, #f07178 12%, transparent);
    --danger-border: rgba(240, 113, 120, 0.35);
    --danger-border: color-mix(in srgb, #f07178 35%, transparent);
    --danger-shadow: rgba(240, 113, 120, 0.15);
    --danger-shadow: color-mix(in srgb, #f07178 15%, transparent);
    --danger-shadow-strong: rgba(240, 113, 120, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #f07178 28%, transparent);
    --danger-shadow-subtle: rgba(240, 113, 120, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #f07178 5%, transparent);
    --on-danger: #0b0e14;
    --success: #7fd962;
    --success-hover: #99e183;
    --success-subtle: rgba(127, 217, 98, 0.14);
    --success-subtle: color-mix(in srgb, #7fd962 14%, transparent);
    --success-border: rgba(127, 217, 98, 0.4);
    --success-border: color-mix(in srgb, #7fd962 40%, transparent);
    --success-border-strong: rgba(127, 217, 98, 0.55);
    --success-border-strong: color-mix(in srgb, #7fd962 55%, transparent);
    --success-shadow: rgba(127, 217, 98, 0.14);
    --success-shadow: color-mix(in srgb, #7fd962 14%, transparent);
    --on-success: #0b0e14;
    --warning: #ffb454;
    --warning-hover: #ffc578;
    --warning-subtle: rgba(255, 180, 84, 0.12);
    --warning-subtle: color-mix(in srgb, #ffb454 12%, transparent);
    --warning-border: rgba(255, 180, 84, 0.35);
    --warning-border: color-mix(in srgb, #ffb454 35%, transparent);
    --warning-highlight-active: rgba(255, 180, 84, 0.65);
    --warning-highlight-active: color-mix(in srgb, #ffb454 65%, transparent);
    --warning-shadow: rgba(255, 180, 84, 0.12);
    --warning-shadow: color-mix(in srgb, #ffb454 12%, transparent);
    --warning-shadow-strong: rgba(255, 180, 84, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #ffb454 28%, transparent);
    --warning-pulse: rgba(255, 180, 84, 0.45);
    --warning-pulse: color-mix(in srgb, #ffb454 45%, transparent);
    --on-warning: #0b0e14;
    --info: #59c2ff;
    --info-subtle: rgba(89, 194, 255, 0.12);
    --info-subtle: color-mix(in srgb, #59c2ff 12%, transparent);
    --info-shadow: rgba(89, 194, 255, 0.12);
    --info-shadow: color-mix(in srgb, #59c2ff 12%, transparent);
    --info-shadow-strong: rgba(89, 194, 255, 0.28);
    --info-shadow-strong: color-mix(in srgb, #59c2ff 28%, transparent);
    --on-info: #0b0e14;
    --border: #1d222d;
    --border-light: #2e3440;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.5);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.6);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.7);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.4);
}

[data-theme="ayu-mirage"] {
    --bg-primary: #1f2430;
    --bg-secondary: #232834;
    --bg-tertiary: #2a3041;
    --bg-elevated: #343f4c;
    --text-primary: #cbccc6;
    --text-secondary: #b3b4ae;
    --text-dim: #707a8c;
    --accent: #ffcc66;
    --accent-hover: #ffd685;
    --accent-fg: #1f2430;
    --accent-subtle: rgba(255, 204, 102, 0.14);
    --accent-subtle: color-mix(in srgb, #ffcc66 14%, transparent);
    --accent-glow: rgba(255, 204, 102, 0.3);
    --accent-glow: color-mix(in srgb, #ffcc66 30%, transparent);
    --accent-wash: rgba(255, 204, 102, 0.06);
    --accent-wash: color-mix(in srgb, #ffcc66 6%, transparent);
    --accent-border: rgba(255, 204, 102, 0.38);
    --accent-border: color-mix(in srgb, #ffcc66 38%, transparent);
    --accent-muted: rgba(255, 204, 102, 0.2);
    --accent-muted: color-mix(in srgb, #ffcc66 20%, transparent);
    --danger: #f28779;
    --danger-hover: #f6a294;
    --danger-subtle: rgba(242, 135, 121, 0.12);
    --danger-subtle: color-mix(in srgb, #f28779 12%, transparent);
    --danger-border: rgba(242, 135, 121, 0.35);
    --danger-border: color-mix(in srgb, #f28779 35%, transparent);
    --danger-shadow: rgba(242, 135, 121, 0.15);
    --danger-shadow: color-mix(in srgb, #f28779 15%, transparent);
    --danger-shadow-strong: rgba(242, 135, 121, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #f28779 28%, transparent);
    --danger-shadow-subtle: rgba(242, 135, 121, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #f28779 5%, transparent);
    --on-danger: #1f2430;
    --success: #bae67e;
    --success-hover: #ccec99;
    --success-subtle: rgba(186, 230, 126, 0.14);
    --success-subtle: color-mix(in srgb, #bae67e 14%, transparent);
    --success-border: rgba(186, 230, 126, 0.4);
    --success-border: color-mix(in srgb, #bae67e 40%, transparent);
    --success-border-strong: rgba(186, 230, 126, 0.55);
    --success-border-strong: color-mix(in srgb, #bae67e 55%, transparent);
    --success-shadow: rgba(186, 230, 126, 0.14);
    --success-shadow: color-mix(in srgb, #bae67e 14%, transparent);
    --on-success: #1f2430;
    --warning: #ffd580;
    --warning-hover: #ffe0a0;
    --warning-subtle: rgba(255, 213, 128, 0.12);
    --warning-subtle: color-mix(in srgb, #ffd580 12%, transparent);
    --warning-border: rgba(255, 213, 128, 0.35);
    --warning-border: color-mix(in srgb, #ffd580 35%, transparent);
    --warning-highlight-active: rgba(255, 213, 128, 0.65);
    --warning-highlight-active: color-mix(in srgb, #ffd580 65%, transparent);
    --warning-shadow: rgba(255, 213, 128, 0.12);
    --warning-shadow: color-mix(in srgb, #ffd580 12%, transparent);
    --warning-shadow-strong: rgba(255, 213, 128, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #ffd580 28%, transparent);
    --warning-pulse: rgba(255, 213, 128, 0.45);
    --warning-pulse: color-mix(in srgb, #ffd580 45%, transparent);
    --on-warning: #1f2430;
    --info: #5ccfe6;
    --info-subtle: rgba(92, 207, 230, 0.12);
    --info-subtle: color-mix(in srgb, #5ccfe6 12%, transparent);
    --info-shadow: rgba(92, 207, 230, 0.12);
    --info-shadow: color-mix(in srgb, #5ccfe6 12%, transparent);
    --info-shadow-strong: rgba(92, 207, 230, 0.28);
    --info-shadow-strong: color-mix(in srgb, #5ccfe6 28%, transparent);
    --on-info: #1f2430;
    --border: #2a3041;
    --border-light: #3d4459;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="everforest"] {
    --bg-primary: #2d353b;
    --bg-secondary: #272e33;
    --bg-tertiary: #343f44;
    --bg-elevated: #3d484d;
    --text-primary: #d3c6aa;
    --text-secondary: #b9b29c;
    --text-dim: #859289;
    --accent: #a7c080;
    --accent-hover: #b8cf95;
    --accent-fg: #2d353b;
    --accent-subtle: rgba(167, 192, 128, 0.14);
    --accent-subtle: color-mix(in srgb, #a7c080 14%, transparent);
    --accent-glow: rgba(167, 192, 128, 0.3);
    --accent-glow: color-mix(in srgb, #a7c080 30%, transparent);
    --accent-wash: rgba(167, 192, 128, 0.06);
    --accent-wash: color-mix(in srgb, #a7c080 6%, transparent);
    --accent-border: rgba(167, 192, 128, 0.38);
    --accent-border: color-mix(in srgb, #a7c080 38%, transparent);
    --accent-muted: rgba(167, 192, 128, 0.2);
    --accent-muted: color-mix(in srgb, #a7c080 20%, transparent);
    --danger: #e67e80;
    --danger-hover: #ec9698;
    --danger-subtle: rgba(230, 126, 128, 0.12);
    --danger-subtle: color-mix(in srgb, #e67e80 12%, transparent);
    --danger-border: rgba(230, 126, 128, 0.35);
    --danger-border: color-mix(in srgb, #e67e80 35%, transparent);
    --danger-shadow: rgba(230, 126, 128, 0.15);
    --danger-shadow: color-mix(in srgb, #e67e80 15%, transparent);
    --danger-shadow-strong: rgba(230, 126, 128, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #e67e80 28%, transparent);
    --danger-shadow-subtle: rgba(230, 126, 128, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #e67e80 5%, transparent);
    --on-danger: #2d353b;
    --success: #a7c080;
    --success-hover: #b8cf95;
    --success-subtle: rgba(167, 192, 128, 0.14);
    --success-subtle: color-mix(in srgb, #a7c080 14%, transparent);
    --success-border: rgba(167, 192, 128, 0.4);
    --success-border: color-mix(in srgb, #a7c080 40%, transparent);
    --success-border-strong: rgba(167, 192, 128, 0.55);
    --success-border-strong: color-mix(in srgb, #a7c080 55%, transparent);
    --success-shadow: rgba(167, 192, 128, 0.14);
    --success-shadow: color-mix(in srgb, #a7c080 14%, transparent);
    --on-success: #2d353b;
    --warning: #dbbc7f;
    --warning-hover: #e4ca97;
    --warning-subtle: rgba(219, 188, 127, 0.12);
    --warning-subtle: color-mix(in srgb, #dbbc7f 12%, transparent);
    --warning-border: rgba(219, 188, 127, 0.35);
    --warning-border: color-mix(in srgb, #dbbc7f 35%, transparent);
    --warning-highlight-active: rgba(219, 188, 127, 0.65);
    --warning-highlight-active: color-mix(in srgb, #dbbc7f 65%, transparent);
    --warning-shadow: rgba(219, 188, 127, 0.12);
    --warning-shadow: color-mix(in srgb, #dbbc7f 12%, transparent);
    --warning-shadow-strong: rgba(219, 188, 127, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #dbbc7f 28%, transparent);
    --warning-pulse: rgba(219, 188, 127, 0.45);
    --warning-pulse: color-mix(in srgb, #dbbc7f 45%, transparent);
    --on-warning: #2d353b;
    --info: #7fbbb3;
    --info-subtle: rgba(127, 187, 179, 0.12);
    --info-subtle: color-mix(in srgb, #7fbbb3 12%, transparent);
    --info-shadow: rgba(127, 187, 179, 0.12);
    --info-shadow: color-mix(in srgb, #7fbbb3 12%, transparent);
    --info-shadow-strong: rgba(127, 187, 179, 0.28);
    --info-shadow-strong: color-mix(in srgb, #7fbbb3 28%, transparent);
    --on-info: #2d353b;
    --border: #3d484d;
    --border-light: #4f585e;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="kanagawa"] {
    --bg-primary: #1f1f28;
    --bg-secondary: #16161d;
    --bg-tertiary: #2a2a37;
    --bg-elevated: #363646;
    --text-primary: #dcd7ba;
    --text-secondary: #c8c093;
    --text-dim: #727169;
    --accent: #7e9cd8;
    --accent-hover: #97b1e0;
    --accent-fg: #1f1f28;
    --accent-subtle: rgba(126, 156, 216, 0.14);
    --accent-subtle: color-mix(in srgb, #7e9cd8 14%, transparent);
    --accent-glow: rgba(126, 156, 216, 0.3);
    --accent-glow: color-mix(in srgb, #7e9cd8 30%, transparent);
    --accent-wash: rgba(126, 156, 216, 0.06);
    --accent-wash: color-mix(in srgb, #7e9cd8 6%, transparent);
    --accent-border: rgba(126, 156, 216, 0.38);
    --accent-border: color-mix(in srgb, #7e9cd8 38%, transparent);
    --accent-muted: rgba(126, 156, 216, 0.2);
    --accent-muted: color-mix(in srgb, #7e9cd8 20%, transparent);
    --danger: #e82424;
    --danger-hover: #f04444;
    --danger-subtle: rgba(232, 36, 36, 0.12);
    --danger-subtle: color-mix(in srgb, #e82424 12%, transparent);
    --danger-border: rgba(232, 36, 36, 0.35);
    --danger-border: color-mix(in srgb, #e82424 35%, transparent);
    --danger-shadow: rgba(232, 36, 36, 0.15);
    --danger-shadow: color-mix(in srgb, #e82424 15%, transparent);
    --danger-shadow-strong: rgba(232, 36, 36, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #e82424 28%, transparent);
    --danger-shadow-subtle: rgba(232, 36, 36, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #e82424 5%, transparent);
    --on-danger: #dcd7ba;
    --success: #98bb6c;
    --success-hover: #adc887;
    --success-subtle: rgba(152, 187, 108, 0.14);
    --success-subtle: color-mix(in srgb, #98bb6c 14%, transparent);
    --success-border: rgba(152, 187, 108, 0.4);
    --success-border: color-mix(in srgb, #98bb6c 40%, transparent);
    --success-border-strong: rgba(152, 187, 108, 0.55);
    --success-border-strong: color-mix(in srgb, #98bb6c 55%, transparent);
    --success-shadow: rgba(152, 187, 108, 0.14);
    --success-shadow: color-mix(in srgb, #98bb6c 14%, transparent);
    --on-success: #1f1f28;
    --warning: #e6c384;
    --warning-hover: #edd09c;
    --warning-subtle: rgba(230, 195, 132, 0.12);
    --warning-subtle: color-mix(in srgb, #e6c384 12%, transparent);
    --warning-border: rgba(230, 195, 132, 0.35);
    --warning-border: color-mix(in srgb, #e6c384 35%, transparent);
    --warning-highlight-active: rgba(230, 195, 132, 0.65);
    --warning-highlight-active: color-mix(in srgb, #e6c384 65%, transparent);
    --warning-shadow: rgba(230, 195, 132, 0.12);
    --warning-shadow: color-mix(in srgb, #e6c384 12%, transparent);
    --warning-shadow-strong: rgba(230, 195, 132, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #e6c384 28%, transparent);
    --warning-pulse: rgba(230, 195, 132, 0.45);
    --warning-pulse: color-mix(in srgb, #e6c384 45%, transparent);
    --on-warning: #1f1f28;
    --info: #7fb4ca;
    --info-subtle: rgba(127, 180, 202, 0.12);
    --info-subtle: color-mix(in srgb, #7fb4ca 12%, transparent);
    --info-shadow: rgba(127, 180, 202, 0.12);
    --info-shadow: color-mix(in srgb, #7fb4ca 12%, transparent);
    --info-shadow-strong: rgba(127, 180, 202, 0.28);
    --info-shadow-strong: color-mix(in srgb, #7fb4ca 28%, transparent);
    --on-info: #1f1f28;
    --border: #2a2a37;
    --border-light: #44445a;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="github-light"] {
    --bg-primary: #ffffff;
    --bg-secondary: #f6f8fa;
    --bg-tertiary: #eaeef2;
    --bg-elevated: #d0d7de;
    --text-primary: #1f2328;
    --text-secondary: #424a53;
    --text-dim: #656d76;
    --accent: #0969da;
    --accent-hover: #0858b8;
    --accent-fg: #ffffff;
    --accent-subtle: rgba(9, 105, 218, 0.1);
    --accent-subtle: color-mix(in srgb, #0969da 10%, transparent);
    --accent-glow: rgba(9, 105, 218, 0.22);
    --accent-glow: color-mix(in srgb, #0969da 22%, transparent);
    --accent-wash: rgba(9, 105, 218, 0.04);
    --accent-wash: color-mix(in srgb, #0969da 4%, transparent);
    --accent-border: rgba(9, 105, 218, 0.3);
    --accent-border: color-mix(in srgb, #0969da 30%, transparent);
    --accent-muted: rgba(9, 105, 218, 0.16);
    --accent-muted: color-mix(in srgb, #0969da 16%, transparent);
    --danger: #cf222e;
    --danger-hover: #a40e26;
    --danger-subtle: rgba(207, 34, 46, 0.1);
    --danger-subtle: color-mix(in srgb, #cf222e 10%, transparent);
    --danger-border: rgba(207, 34, 46, 0.3);
    --danger-border: color-mix(in srgb, #cf222e 30%, transparent);
    --danger-shadow: rgba(207, 34, 46, 0.12);
    --danger-shadow: color-mix(in srgb, #cf222e 12%, transparent);
    --danger-shadow-strong: rgba(207, 34, 46, 0.25);
    --danger-shadow-strong: color-mix(in srgb, #cf222e 25%, transparent);
    --danger-shadow-subtle: rgba(207, 34, 46, 0.04);
    --danger-shadow-subtle: color-mix(in srgb, #cf222e 4%, transparent);
    --on-danger: #ffffff;
    --success: #1f883d;
    --success-hover: #1a7234;
    --success-subtle: rgba(31, 136, 61, 0.12);
    --success-subtle: color-mix(in srgb, #1f883d 12%, transparent);
    --success-border: rgba(31, 136, 61, 0.35);
    --success-border: color-mix(in srgb, #1f883d 35%, transparent);
    --success-border-strong: rgba(31, 136, 61, 0.5);
    --success-border-strong: color-mix(in srgb, #1f883d 50%, transparent);
    --success-shadow: rgba(31, 136, 61, 0.1);
    --success-shadow: color-mix(in srgb, #1f883d 10%, transparent);
    --on-success: #ffffff;
    --warning: #9a6700;
    --warning-hover: #7d5300;
    --warning-subtle: rgba(154, 103, 0, 0.1);
    --warning-subtle: color-mix(in srgb, #9a6700 10%, transparent);
    --warning-border: rgba(154, 103, 0, 0.3);
    --warning-border: color-mix(in srgb, #9a6700 30%, transparent);
    --warning-highlight-active: rgba(154, 103, 0, 0.6);
    --warning-highlight-active: color-mix(in srgb, #9a6700 60%, transparent);
    --warning-shadow: rgba(154, 103, 0, 0.1);
    --warning-shadow: color-mix(in srgb, #9a6700 10%, transparent);
    --warning-shadow-strong: rgba(154, 103, 0, 0.22);
    --warning-shadow-strong: color-mix(in srgb, #9a6700 22%, transparent);
    --warning-pulse: rgba(154, 103, 0, 0.4);
    --warning-pulse: color-mix(in srgb, #9a6700 40%, transparent);
    --on-warning: #ffffff;
    --info: #0969da;
    --info-subtle: rgba(9, 105, 218, 0.1);
    --info-subtle: color-mix(in srgb, #0969da 10%, transparent);
    --info-shadow: rgba(9, 105, 218, 0.1);
    --info-shadow: color-mix(in srgb, #0969da 10%, transparent);
    --info-shadow-strong: rgba(9, 105, 218, 0.22);
    --info-shadow-strong: color-mix(in srgb, #0969da 22%, transparent);
    --on-info: #ffffff;
    --border: #d0d7de;
    --border-light: #afb8c1;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.10);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.04);
}

[data-theme="catppuccin-latte"] {
    --bg-primary: #eff1f5;
    --bg-secondary: #e6e9ef;
    --bg-tertiary: #dce0e8;
    --bg-elevated: #ccd0da;
    --text-primary: #4c4f69;
    --text-secondary: #5c5f77;
    --text-dim: #8c8fa1;
    --accent: #1e66f5;
    --accent-hover: #1858d4;
    --accent-fg: #eff1f5;
    --accent-subtle: rgba(30, 102, 245, 0.1);
    --accent-subtle: color-mix(in srgb, #1e66f5 10%, transparent);
    --accent-glow: rgba(30, 102, 245, 0.22);
    --accent-glow: color-mix(in srgb, #1e66f5 22%, transparent);
    --accent-wash: rgba(30, 102, 245, 0.04);
    --accent-wash: color-mix(in srgb, #1e66f5 4%, transparent);
    --accent-border: rgba(30, 102, 245, 0.3);
    --accent-border: color-mix(in srgb, #1e66f5 30%, transparent);
    --accent-muted: rgba(30, 102, 245, 0.16);
    --accent-muted: color-mix(in srgb, #1e66f5 16%, transparent);
    --danger: #d20f39;
    --danger-hover: #b00c30;
    --danger-subtle: rgba(210, 15, 57, 0.1);
    --danger-subtle: color-mix(in srgb, #d20f39 10%, transparent);
    --danger-border: rgba(210, 15, 57, 0.3);
    --danger-border: color-mix(in srgb, #d20f39 30%, transparent);
    --danger-shadow: rgba(210, 15, 57, 0.12);
    --danger-shadow: color-mix(in srgb, #d20f39 12%, transparent);
    --danger-shadow-strong: rgba(210, 15, 57, 0.25);
    --danger-shadow-strong: color-mix(in srgb, #d20f39 25%, transparent);
    --danger-shadow-subtle: rgba(210, 15, 57, 0.04);
    --danger-shadow-subtle: color-mix(in srgb, #d20f39 4%, transparent);
    --on-danger: #eff1f5;
    --success: #40a02b;
    --success-hover: #348622;
    --success-subtle: rgba(64, 160, 43, 0.12);
    --success-subtle: color-mix(in srgb, #40a02b 12%, transparent);
    --success-border: rgba(64, 160, 43, 0.35);
    --success-border: color-mix(in srgb, #40a02b 35%, transparent);
    --success-border-strong: rgba(64, 160, 43, 0.5);
    --success-border-strong: color-mix(in srgb, #40a02b 50%, transparent);
    --success-shadow: rgba(64, 160, 43, 0.1);
    --success-shadow: color-mix(in srgb, #40a02b 10%, transparent);
    --on-success: #eff1f5;
    --warning: #df8e1d;
    --warning-hover: #b97516;
    --warning-subtle: rgba(223, 142, 29, 0.1);
    --warning-subtle: color-mix(in srgb, #df8e1d 10%, transparent);
    --warning-border: rgba(223, 142, 29, 0.3);
    --warning-border: color-mix(in srgb, #df8e1d 30%, transparent);
    --warning-highlight-active: rgba(223, 142, 29, 0.6);
    --warning-highlight-active: color-mix(in srgb, #df8e1d 60%, transparent);
    --warning-shadow: rgba(223, 142, 29, 0.1);
    --warning-shadow: color-mix(in srgb, #df8e1d 10%, transparent);
    --warning-shadow-strong: rgba(223, 142, 29, 0.22);
    --warning-shadow-strong: color-mix(in srgb, #df8e1d 22%, transparent);
    --warning-pulse: rgba(223, 142, 29, 0.4);
    --warning-pulse: color-mix(in srgb, #df8e1d 40%, transparent);
    --on-warning: #eff1f5;
    --info: #209fb5;
    --info-subtle: rgba(32, 159, 181, 0.1);
    --info-subtle: color-mix(in srgb, #209fb5 10%, transparent);
    --info-shadow: rgba(32, 159, 181, 0.1);
    --info-shadow: color-mix(in srgb, #209fb5 10%, transparent);
    --info-shadow-strong: rgba(32, 159, 181, 0.22);
    --info-shadow-strong: color-mix(in srgb, #209fb5 22%, transparent);
    --on-info: #eff1f5;
    --border: #ccd0da;
    --border-light: #bcc0cc;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.10);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.04);
}

[data-theme="rose-pine-dawn"] {
    --bg-primary: #faf4ed;
    --bg-secondary: #fffaf3;
    --bg-tertiary: #f2e9e1;
    --bg-elevated: #dfdad9;
    --text-primary: #575279;
    --text-secondary: #797593;
    --text-dim: #9893a5;
    --accent: #d7827e;
    --accent-hover: #b8635f;
    --accent-fg: #faf4ed;
    --accent-subtle: rgba(215, 130, 126, 0.12);
    --accent-subtle: color-mix(in srgb, #d7827e 12%, transparent);
    --accent-glow: rgba(215, 130, 126, 0.24);
    --accent-glow: color-mix(in srgb, #d7827e 24%, transparent);
    --accent-wash: rgba(215, 130, 126, 0.05);
    --accent-wash: color-mix(in srgb, #d7827e 5%, transparent);
    --accent-border: rgba(215, 130, 126, 0.32);
    --accent-border: color-mix(in srgb, #d7827e 32%, transparent);
    --accent-muted: rgba(215, 130, 126, 0.18);
    --accent-muted: color-mix(in srgb, #d7827e 18%, transparent);
    --danger: #b4637a;
    --danger-hover: #964e62;
    --danger-subtle: rgba(180, 99, 122, 0.1);
    --danger-subtle: color-mix(in srgb, #b4637a 10%, transparent);
    --danger-border: rgba(180, 99, 122, 0.3);
    --danger-border: color-mix(in srgb, #b4637a 30%, transparent);
    --danger-shadow: rgba(180, 99, 122, 0.12);
    --danger-shadow: color-mix(in srgb, #b4637a 12%, transparent);
    --danger-shadow-strong: rgba(180, 99, 122, 0.25);
    --danger-shadow-strong: color-mix(in srgb, #b4637a 25%, transparent);
    --danger-shadow-subtle: rgba(180, 99, 122, 0.04);
    --danger-shadow-subtle: color-mix(in srgb, #b4637a 4%, transparent);
    --on-danger: #faf4ed;
    --success: #56949f;
    --success-hover: #437a83;
    --success-subtle: rgba(86, 148, 159, 0.12);
    --success-subtle: color-mix(in srgb, #56949f 12%, transparent);
    --success-border: rgba(86, 148, 159, 0.35);
    --success-border: color-mix(in srgb, #56949f 35%, transparent);
    --success-border-strong: rgba(86, 148, 159, 0.5);
    --success-border-strong: color-mix(in srgb, #56949f 50%, transparent);
    --success-shadow: rgba(86, 148, 159, 0.1);
    --success-shadow: color-mix(in srgb, #56949f 10%, transparent);
    --on-success: #faf4ed;
    --warning: #ea9d34;
    --warning-hover: #c8821f;
    --warning-subtle: rgba(234, 157, 52, 0.1);
    --warning-subtle: color-mix(in srgb, #ea9d34 10%, transparent);
    --warning-border: rgba(234, 157, 52, 0.3);
    --warning-border: color-mix(in srgb, #ea9d34 30%, transparent);
    --warning-highlight-active: rgba(234, 157, 52, 0.6);
    --warning-highlight-active: color-mix(in srgb, #ea9d34 60%, transparent);
    --warning-shadow: rgba(234, 157, 52, 0.1);
    --warning-shadow: color-mix(in srgb, #ea9d34 10%, transparent);
    --warning-shadow-strong: rgba(234, 157, 52, 0.22);
    --warning-shadow-strong: color-mix(in srgb, #ea9d34 22%, transparent);
    --warning-pulse: rgba(234, 157, 52, 0.4);
    --warning-pulse: color-mix(in srgb, #ea9d34 40%, transparent);
    --on-warning: #faf4ed;
    --info: #286983;
    --info-subtle: rgba(40, 105, 131, 0.1);
    --info-subtle: color-mix(in srgb, #286983 10%, transparent);
    --info-shadow: rgba(40, 105, 131, 0.1);
    --info-shadow: color-mix(in srgb, #286983 10%, transparent);
    --info-shadow-strong: rgba(40, 105, 131, 0.22);
    --info-shadow-strong: color-mix(in srgb, #286983 22%, transparent);
    --on-info: #faf4ed;
    --border: #dfdad9;
    --border-light: #cecacd;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.10);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.04);
}

[data-theme="gruvbox-light"] {
    --bg-primary: #fbf1c7;
    --bg-secondary: #f2e5bc;
    --bg-tertiary: #ebdbb2;
    --bg-elevated: #d5c4a1;
    --text-primary: #3c3836;
    --text-secondary: #504945;
    --text-dim: #7c6f64;
    --accent: #458588;
    --accent-hover: #356b6e;
    --accent-fg: #fbf1c7;
    --accent-subtle: rgba(69, 133, 136, 0.1);
    --accent-subtle: color-mix(in srgb, #458588 10%, transparent);
    --accent-glow: rgba(69, 133, 136, 0.22);
    --accent-glow: color-mix(in srgb, #458588 22%, transparent);
    --accent-wash: rgba(69, 133, 136, 0.04);
    --accent-wash: color-mix(in srgb, #458588 4%, transparent);
    --accent-border: rgba(69, 133, 136, 0.3);
    --accent-border: color-mix(in srgb, #458588 30%, transparent);
    --accent-muted: rgba(69, 133, 136, 0.16);
    --accent-muted: color-mix(in srgb, #458588 16%, transparent);
    --danger: #cc241d;
    --danger-hover: #a81d17;
    --danger-subtle: rgba(204, 36, 29, 0.1);
    --danger-subtle: color-mix(in srgb, #cc241d 10%, transparent);
    --danger-border: rgba(204, 36, 29, 0.3);
    --danger-border: color-mix(in srgb, #cc241d 30%, transparent);
    --danger-shadow: rgba(204, 36, 29, 0.12);
    --danger-shadow: color-mix(in srgb, #cc241d 12%, transparent);
    --danger-shadow-strong: rgba(204, 36, 29, 0.25);
    --danger-shadow-strong: color-mix(in srgb, #cc241d 25%, transparent);
    --danger-shadow-subtle: rgba(204, 36, 29, 0.04);
    --danger-shadow-subtle: color-mix(in srgb, #cc241d 4%, transparent);
    --on-danger: #fbf1c7;
    --success: #98971a;
    --success-hover: #797814;
    --success-subtle: rgba(152, 151, 26, 0.12);
    --success-subtle: color-mix(in srgb, #98971a 12%, transparent);
    --success-border: rgba(152, 151, 26, 0.35);
    --success-border: color-mix(in srgb, #98971a 35%, transparent);
    --success-border-strong: rgba(152, 151, 26, 0.5);
    --success-border-strong: color-mix(in srgb, #98971a 50%, transparent);
    --success-shadow: rgba(152, 151, 26, 0.1);
    --success-shadow: color-mix(in srgb, #98971a 10%, transparent);
    --on-success: #fbf1c7;
    --warning: #d79921;
    --warning-hover: #b07d1a;
    --warning-subtle: rgba(215, 153, 33, 0.1);
    --warning-subtle: color-mix(in srgb, #d79921 10%, transparent);
    --warning-border: rgba(215, 153, 33, 0.3);
    --warning-border: color-mix(in srgb, #d79921 30%, transparent);
    --warning-highlight-active: rgba(215, 153, 33, 0.6);
    --warning-highlight-active: color-mix(in srgb, #d79921 60%, transparent);
    --warning-shadow: rgba(215, 153, 33, 0.1);
    --warning-shadow: color-mix(in srgb, #d79921 10%, transparent);
    --warning-shadow-strong: rgba(215, 153, 33, 0.22);
    --warning-shadow-strong: color-mix(in srgb, #d79921 22%, transparent);
    --warning-pulse: rgba(215, 153, 33, 0.4);
    --warning-pulse: color-mix(in srgb, #d79921 40%, transparent);
    --on-warning: #fbf1c7;
    --info: #076678;
    --info-subtle: rgba(7, 102, 120, 0.1);
    --info-subtle: color-mix(in srgb, #076678 10%, transparent);
    --info-shadow: rgba(7, 102, 120, 0.1);
    --info-shadow: color-mix(in srgb, #076678 10%, transparent);
    --info-shadow-strong: rgba(7, 102, 120, 0.22);
    --info-shadow-strong: color-mix(in srgb, #076678 22%, transparent);
    --on-info: #fbf1c7;
    --border: #d5c4a1;
    --border-light: #bdae93;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.10);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.04);
}

[data-theme="everforest-light"] {
    --bg-primary: #fdf6e3;
    --bg-secondary: #f4f0d9;
    --bg-tertiary: #efebd4;
    --bg-elevated: #e6e2cc;
    --text-primary: #5c6a72;
    --text-secondary: #708089;
    --text-dim: #939f91;
    --accent: #3a94c5;
    --accent-hover: #2f7ba6;
    --accent-fg: #fdf6e3;
    --accent-subtle: rgba(58, 148, 197, 0.1);
    --accent-subtle: color-mix(in srgb, #3a94c5 10%, transparent);
    --accent-glow: rgba(58, 148, 197, 0.22);
    --accent-glow: color-mix(in srgb, #3a94c5 22%, transparent);
    --accent-wash: rgba(58, 148, 197, 0.04);
    --accent-wash: color-mix(in srgb, #3a94c5 4%, transparent);
    --accent-border: rgba(58, 148, 197, 0.3);
    --accent-border: color-mix(in srgb, #3a94c5 30%, transparent);
    --accent-muted: rgba(58, 148, 197, 0.16);
    --accent-muted: color-mix(in srgb, #3a94c5 16%, transparent);
    --danger: #f85552;
    --danger-hover: #d34644;
    --danger-subtle: rgba(248, 85, 82, 0.1);
    --danger-subtle: color-mix(in srgb, #f85552 10%, transparent);
    --danger-border: rgba(248, 85, 82, 0.3);
    --danger-border: color-mix(in srgb, #f85552 30%, transparent);
    --danger-shadow: rgba(248, 85, 82, 0.12);
    --danger-shadow: color-mix(in srgb, #f85552 12%, transparent);
    --danger-shadow-strong: rgba(248, 85, 82, 0.25);
    --danger-shadow-strong: color-mix(in srgb, #f85552 25%, transparent);
    --danger-shadow-subtle: rgba(248, 85, 82, 0.04);
    --danger-shadow-subtle: color-mix(in srgb, #f85552 4%, transparent);
    --on-danger: #fdf6e3;
    --success: #8da101;
    --success-hover: #758601;
    --success-subtle: rgba(141, 161, 1, 0.12);
    --success-subtle: color-mix(in srgb, #8da101 12%, transparent);
    --success-border: rgba(141, 161, 1, 0.35);
    --success-border: color-mix(in srgb, #8da101 35%, transparent);
    --success-border-strong: rgba(141, 161, 1, 0.5);
    --success-border-strong: color-mix(in srgb, #8da101 50%, transparent);
    --success-shadow: rgba(141, 161, 1, 0.1);
    --success-shadow: color-mix(in srgb, #8da101 10%, transparent);
    --on-success: #fdf6e3;
    --warning: #dfa000;
    --warning-hover: #b88300;
    --warning-subtle: rgba(223, 160, 0, 0.1);
    --warning-subtle: color-mix(in srgb, #dfa000 10%, transparent);
    --warning-border: rgba(223, 160, 0, 0.3);
    --warning-border: color-mix(in srgb, #dfa000 30%, transparent);
    --warning-highlight-active: rgba(223, 160, 0, 0.6);
    --warning-highlight-active: color-mix(in srgb, #dfa000 60%, transparent);
    --warning-shadow: rgba(223, 160, 0, 0.1);
    --warning-shadow: color-mix(in srgb, #dfa000 10%, transparent);
    --warning-shadow-strong: rgba(223, 160, 0, 0.22);
    --warning-shadow-strong: color-mix(in srgb, #dfa000 22%, transparent);
    --warning-pulse: rgba(223, 160, 0, 0.4);
    --warning-pulse: color-mix(in srgb, #dfa000 40%, transparent);
    --on-warning: #fdf6e3;
    --info: #35a77c;
    --info-subtle: rgba(53, 167, 124, 0.1);
    --info-subtle: color-mix(in srgb, #35a77c 10%, transparent);
    --info-shadow: rgba(53, 167, 124, 0.1);
    --info-shadow: color-mix(in srgb, #35a77c 10%, transparent);
    --info-shadow-strong: rgba(53, 167, 124, 0.22);
    --info-shadow-strong: color-mix(in srgb, #35a77c 22%, transparent);
    --on-info: #fdf6e3;
    --border: #e6e2cc;
    --border-light: #d5d0b3;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.10);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.04);
}

[data-theme="night-owl"] {
    --bg-primary: #011627;
    --bg-secondary: #01111d;
    --bg-tertiary: #0e293f;
    --bg-elevated: #1d3b53;
    --text-primary: #d6deeb;
    --text-secondary: #a8b6c4;
    --text-dim: #5f7e97;
    --accent: #82aaff;
    --accent-hover: #a3c0ff;
    --accent-fg: #011627;
    --accent-subtle: rgba(130, 170, 255, 0.14);
    --accent-subtle: color-mix(in srgb, #82aaff 14%, transparent);
    --accent-glow: rgba(130, 170, 255, 0.3);
    --accent-glow: color-mix(in srgb, #82aaff 30%, transparent);
    --accent-wash: rgba(130, 170, 255, 0.06);
    --accent-wash: color-mix(in srgb, #82aaff 6%, transparent);
    --accent-border: rgba(130, 170, 255, 0.38);
    --accent-border: color-mix(in srgb, #82aaff 38%, transparent);
    --accent-muted: rgba(130, 170, 255, 0.2);
    --accent-muted: color-mix(in srgb, #82aaff 20%, transparent);
    --danger: #ef5350;
    --danger-hover: #f47572;
    --danger-subtle: rgba(239, 83, 80, 0.12);
    --danger-subtle: color-mix(in srgb, #ef5350 12%, transparent);
    --danger-border: rgba(239, 83, 80, 0.35);
    --danger-border: color-mix(in srgb, #ef5350 35%, transparent);
    --danger-shadow: rgba(239, 83, 80, 0.15);
    --danger-shadow: color-mix(in srgb, #ef5350 15%, transparent);
    --danger-shadow-strong: rgba(239, 83, 80, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #ef5350 28%, transparent);
    --danger-shadow-subtle: rgba(239, 83, 80, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #ef5350 5%, transparent);
    --on-danger: #011627;
    --success: #addb67;
    --success-hover: #c1e58a;
    --success-subtle: rgba(173, 219, 103, 0.14);
    --success-subtle: color-mix(in srgb, #addb67 14%, transparent);
    --success-border: rgba(173, 219, 103, 0.4);
    --success-border: color-mix(in srgb, #addb67 40%, transparent);
    --success-border-strong: rgba(173, 219, 103, 0.55);
    --success-border-strong: color-mix(in srgb, #addb67 55%, transparent);
    --success-shadow: rgba(173, 219, 103, 0.14);
    --success-shadow: color-mix(in srgb, #addb67 14%, transparent);
    --on-success: #011627;
    --warning: #ecc48d;
    --warning-hover: #f1d2a8;
    --warning-subtle: rgba(236, 196, 141, 0.12);
    --warning-subtle: color-mix(in srgb, #ecc48d 12%, transparent);
    --warning-border: rgba(236, 196, 141, 0.35);
    --warning-border: color-mix(in srgb, #ecc48d 35%, transparent);
    --warning-highlight-active: rgba(236, 196, 141, 0.65);
    --warning-highlight-active: color-mix(in srgb, #ecc48d 65%, transparent);
    --warning-shadow: rgba(236, 196, 141, 0.12);
    --warning-shadow: color-mix(in srgb, #ecc48d 12%, transparent);
    --warning-shadow-strong: rgba(236, 196, 141, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #ecc48d 28%, transparent);
    --warning-pulse: rgba(236, 196, 141, 0.45);
    --warning-pulse: color-mix(in srgb, #ecc48d 45%, transparent);
    --on-warning: #011627;
    --info: #c792ea;
    --info-subtle: rgba(199, 146, 234, 0.12);
    --info-subtle: color-mix(in srgb, #c792ea 12%, transparent);
    --info-shadow: rgba(199, 146, 234, 0.12);
    --info-shadow: color-mix(in srgb, #c792ea 12%, transparent);
    --info-shadow-strong: rgba(199, 146, 234, 0.28);
    --info-shadow-strong: color-mix(in srgb, #c792ea 28%, transparent);
    --on-info: #011627;
    --border: #0e293f;
    --border-light: #1d3b53;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="material-palenight"] {
    --bg-primary: #292d3e;
    --bg-secondary: #1f2233;
    --bg-tertiary: #34394d;
    --bg-elevated: #444267;
    --text-primary: #a6accd;
    --text-secondary: #8796b0;
    --text-dim: #676e95;
    --accent: #82aaff;
    --accent-hover: #a3c0ff;
    --accent-fg: #292d3e;
    --accent-subtle: rgba(130, 170, 255, 0.14);
    --accent-subtle: color-mix(in srgb, #82aaff 14%, transparent);
    --accent-glow: rgba(130, 170, 255, 0.3);
    --accent-glow: color-mix(in srgb, #82aaff 30%, transparent);
    --accent-wash: rgba(130, 170, 255, 0.06);
    --accent-wash: color-mix(in srgb, #82aaff 6%, transparent);
    --accent-border: rgba(130, 170, 255, 0.38);
    --accent-border: color-mix(in srgb, #82aaff 38%, transparent);
    --accent-muted: rgba(130, 170, 255, 0.2);
    --accent-muted: color-mix(in srgb, #82aaff 20%, transparent);
    --danger: #f07178;
    --danger-hover: #f48f95;
    --danger-subtle: rgba(240, 113, 120, 0.12);
    --danger-subtle: color-mix(in srgb, #f07178 12%, transparent);
    --danger-border: rgba(240, 113, 120, 0.35);
    --danger-border: color-mix(in srgb, #f07178 35%, transparent);
    --danger-shadow: rgba(240, 113, 120, 0.15);
    --danger-shadow: color-mix(in srgb, #f07178 15%, transparent);
    --danger-shadow-strong: rgba(240, 113, 120, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #f07178 28%, transparent);
    --danger-shadow-subtle: rgba(240, 113, 120, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #f07178 5%, transparent);
    --on-danger: #292d3e;
    --success: #c3e88d;
    --success-hover: #d2efa6;
    --success-subtle: rgba(195, 232, 141, 0.14);
    --success-subtle: color-mix(in srgb, #c3e88d 14%, transparent);
    --success-border: rgba(195, 232, 141, 0.4);
    --success-border: color-mix(in srgb, #c3e88d 40%, transparent);
    --success-border-strong: rgba(195, 232, 141, 0.55);
    --success-border-strong: color-mix(in srgb, #c3e88d 55%, transparent);
    --success-shadow: rgba(195, 232, 141, 0.14);
    --success-shadow: color-mix(in srgb, #c3e88d 14%, transparent);
    --on-success: #292d3e;
    --warning: #ffcb6b;
    --warning-hover: #ffd88a;
    --warning-subtle: rgba(255, 203, 107, 0.12);
    --warning-subtle: color-mix(in srgb, #ffcb6b 12%, transparent);
    --warning-border: rgba(255, 203, 107, 0.35);
    --warning-border: color-mix(in srgb, #ffcb6b 35%, transparent);
    --warning-highlight-active: rgba(255, 203, 107, 0.65);
    --warning-highlight-active: color-mix(in srgb, #ffcb6b 65%, transparent);
    --warning-shadow: rgba(255, 203, 107, 0.12);
    --warning-shadow: color-mix(in srgb, #ffcb6b 12%, transparent);
    --warning-shadow-strong: rgba(255, 203, 107, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #ffcb6b 28%, transparent);
    --warning-pulse: rgba(255, 203, 107, 0.45);
    --warning-pulse: color-mix(in srgb, #ffcb6b 45%, transparent);
    --on-warning: #292d3e;
    --info: #89ddff;
    --info-subtle: rgba(137, 221, 255, 0.12);
    --info-subtle: color-mix(in srgb, #89ddff 12%, transparent);
    --info-shadow: rgba(137, 221, 255, 0.12);
    --info-shadow: color-mix(in srgb, #89ddff 12%, transparent);
    --info-shadow-strong: rgba(137, 221, 255, 0.28);
    --info-shadow-strong: color-mix(in srgb, #89ddff 28%, transparent);
    --on-info: #292d3e;
    --border: #34394d;
    --border-light: #444267;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="synthwave-84"] {
    --bg-primary: #2a2139;
    --bg-secondary: #241b2f;
    --bg-tertiary: #34294f;
    --bg-elevated: #463465;
    --text-primary: #f7e3ff;
    --text-secondary: #c5a3d6;
    --text-dim: #8b7da9;
    --accent: #ff7edb;
    --accent-hover: #ffa3e6;
    --accent-fg: #2a2139;
    --accent-subtle: rgba(255, 126, 219, 0.14);
    --accent-subtle: color-mix(in srgb, #ff7edb 14%, transparent);
    --accent-glow: rgba(255, 126, 219, 0.32);
    --accent-glow: color-mix(in srgb, #ff7edb 32%, transparent);
    --accent-wash: rgba(255, 126, 219, 0.06);
    --accent-wash: color-mix(in srgb, #ff7edb 6%, transparent);
    --accent-border: rgba(255, 126, 219, 0.4);
    --accent-border: color-mix(in srgb, #ff7edb 40%, transparent);
    --accent-muted: rgba(255, 126, 219, 0.22);
    --accent-muted: color-mix(in srgb, #ff7edb 22%, transparent);
    --danger: #fe4450;
    --danger-hover: #ff6e76;
    --danger-subtle: rgba(254, 68, 80, 0.14);
    --danger-subtle: color-mix(in srgb, #fe4450 14%, transparent);
    --danger-border: rgba(254, 68, 80, 0.38);
    --danger-border: color-mix(in srgb, #fe4450 38%, transparent);
    --danger-shadow: rgba(254, 68, 80, 0.16);
    --danger-shadow: color-mix(in srgb, #fe4450 16%, transparent);
    --danger-shadow-strong: rgba(254, 68, 80, 0.3);
    --danger-shadow-strong: color-mix(in srgb, #fe4450 30%, transparent);
    --danger-shadow-subtle: rgba(254, 68, 80, 0.06);
    --danger-shadow-subtle: color-mix(in srgb, #fe4450 6%, transparent);
    --on-danger: #2a2139;
    --success: #72f1b8;
    --success-hover: #92f5c8;
    --success-subtle: rgba(114, 241, 184, 0.14);
    --success-subtle: color-mix(in srgb, #72f1b8 14%, transparent);
    --success-border: rgba(114, 241, 184, 0.4);
    --success-border: color-mix(in srgb, #72f1b8 40%, transparent);
    --success-border-strong: rgba(114, 241, 184, 0.55);
    --success-border-strong: color-mix(in srgb, #72f1b8 55%, transparent);
    --success-shadow: rgba(114, 241, 184, 0.14);
    --success-shadow: color-mix(in srgb, #72f1b8 14%, transparent);
    --on-success: #2a2139;
    --warning: #fede5d;
    --warning-hover: #ffe785;
    --warning-subtle: rgba(254, 222, 93, 0.14);
    --warning-subtle: color-mix(in srgb, #fede5d 14%, transparent);
    --warning-border: rgba(254, 222, 93, 0.38);
    --warning-border: color-mix(in srgb, #fede5d 38%, transparent);
    --warning-highlight-active: rgba(254, 222, 93, 0.65);
    --warning-highlight-active: color-mix(in srgb, #fede5d 65%, transparent);
    --warning-shadow: rgba(254, 222, 93, 0.14);
    --warning-shadow: color-mix(in srgb, #fede5d 14%, transparent);
    --warning-shadow-strong: rgba(254, 222, 93, 0.3);
    --warning-shadow-strong: color-mix(in srgb, #fede5d 30%, transparent);
    --warning-pulse: rgba(254, 222, 93, 0.48);
    --warning-pulse: color-mix(in srgb, #fede5d 48%, transparent);
    --on-warning: #2a2139;
    --info: #36f9f6;
    --info-subtle: rgba(54, 249, 246, 0.14);
    --info-subtle: color-mix(in srgb, #36f9f6 14%, transparent);
    --info-shadow: rgba(54, 249, 246, 0.14);
    --info-shadow: color-mix(in srgb, #36f9f6 14%, transparent);
    --info-shadow-strong: rgba(54, 249, 246, 0.3);
    --info-shadow-strong: color-mix(in srgb, #36f9f6 30%, transparent);
    --on-info: #2a2139;
    --border: #34294f;
    --border-light: #463465;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.45);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.55);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.65);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.35);
}

[data-theme="zenburn"] {
    --bg-primary: #3f3f3f;
    --bg-secondary: #383838;
    --bg-tertiary: #4f4f4f;
    --bg-elevated: #5b5b5b;
    --text-primary: #dcdccc;
    --text-secondary: #c0c0a8;
    --text-dim: #989888;
    --accent: #f0dfaf;
    --accent-hover: #f5e8c2;
    --accent-fg: #3f3f3f;
    --accent-subtle: rgba(240, 223, 175, 0.12);
    --accent-subtle: color-mix(in srgb, #f0dfaf 12%, transparent);
    --accent-glow: rgba(240, 223, 175, 0.26);
    --accent-glow: color-mix(in srgb, #f0dfaf 26%, transparent);
    --accent-wash: rgba(240, 223, 175, 0.05);
    --accent-wash: color-mix(in srgb, #f0dfaf 5%, transparent);
    --accent-border: rgba(240, 223, 175, 0.34);
    --accent-border: color-mix(in srgb, #f0dfaf 34%, transparent);
    --accent-muted: rgba(240, 223, 175, 0.18);
    --accent-muted: color-mix(in srgb, #f0dfaf 18%, transparent);
    --danger: #cc9393;
    --danger-hover: #d8aaaa;
    --danger-subtle: rgba(204, 147, 147, 0.12);
    --danger-subtle: color-mix(in srgb, #cc9393 12%, transparent);
    --danger-border: rgba(204, 147, 147, 0.35);
    --danger-border: color-mix(in srgb, #cc9393 35%, transparent);
    --danger-shadow: rgba(204, 147, 147, 0.14);
    --danger-shadow: color-mix(in srgb, #cc9393 14%, transparent);
    --danger-shadow-strong: rgba(204, 147, 147, 0.26);
    --danger-shadow-strong: color-mix(in srgb, #cc9393 26%, transparent);
    --danger-shadow-subtle: rgba(204, 147, 147, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #cc9393 5%, transparent);
    --on-danger: #3f3f3f;
    --success: #7f9f7f;
    --success-hover: #97b297;
    --success-subtle: rgba(127, 159, 127, 0.14);
    --success-subtle: color-mix(in srgb, #7f9f7f 14%, transparent);
    --success-border: rgba(127, 159, 127, 0.38);
    --success-border: color-mix(in srgb, #7f9f7f 38%, transparent);
    --success-border-strong: rgba(127, 159, 127, 0.52);
    --success-border-strong: color-mix(in srgb, #7f9f7f 52%, transparent);
    --success-shadow: rgba(127, 159, 127, 0.12);
    --success-shadow: color-mix(in srgb, #7f9f7f 12%, transparent);
    --on-success: #3f3f3f;
    --warning: #dfaf8f;
    --warning-hover: #e8c2a8;
    --warning-subtle: rgba(223, 175, 143, 0.12);
    --warning-subtle: color-mix(in srgb, #dfaf8f 12%, transparent);
    --warning-border: rgba(223, 175, 143, 0.35);
    --warning-border: color-mix(in srgb, #dfaf8f 35%, transparent);
    --warning-highlight-active: rgba(223, 175, 143, 0.62);
    --warning-highlight-active: color-mix(in srgb, #dfaf8f 62%, transparent);
    --warning-shadow: rgba(223, 175, 143, 0.12);
    --warning-shadow: color-mix(in srgb, #dfaf8f 12%, transparent);
    --warning-shadow-strong: rgba(223, 175, 143, 0.26);
    --warning-shadow-strong: color-mix(in srgb, #dfaf8f 26%, transparent);
    --warning-pulse: rgba(223, 175, 143, 0.44);
    --warning-pulse: color-mix(in srgb, #dfaf8f 44%, transparent);
    --on-warning: #3f3f3f;
    --info: #8cd0d3;
    --info-subtle: rgba(140, 208, 211, 0.12);
    --info-subtle: color-mix(in srgb, #8cd0d3 12%, transparent);
    --info-shadow: rgba(140, 208, 211, 0.12);
    --info-shadow: color-mix(in srgb, #8cd0d3 12%, transparent);
    --info-shadow-strong: rgba(140, 208, 211, 0.26);
    --info-shadow-strong: color-mix(in srgb, #8cd0d3 26%, transparent);
    --on-info: #3f3f3f;
    --border: #4f4f4f;
    --border-light: #6b6b6b;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}
[data-theme="catppuccin-frappe"] {
    --bg-primary: #303446;
    --bg-secondary: #292c3c;
    --bg-tertiary: #414559;
    --bg-elevated: #51576d;
    --text-primary: #c6d0f5;
    --text-secondary: #b5bfe2;
    --text-dim: #838ba7;
    --accent: #ca9ee6;
    --accent-hover: #d7b3ed;
    --accent-fg: #303446;
    --accent-subtle: rgba(202, 158, 230, 0.12);
    --accent-subtle: color-mix(in srgb, #ca9ee6 12%, transparent);
    --accent-glow: rgba(202, 158, 230, 0.28);
    --accent-glow: color-mix(in srgb, #ca9ee6 28%, transparent);
    --accent-wash: rgba(202, 158, 230, 0.05);
    --accent-wash: color-mix(in srgb, #ca9ee6 5%, transparent);
    --accent-border: rgba(202, 158, 230, 0.35);
    --accent-border: color-mix(in srgb, #ca9ee6 35%, transparent);
    --accent-muted: rgba(202, 158, 230, 0.18);
    --accent-muted: color-mix(in srgb, #ca9ee6 18%, transparent);
    --danger: #e78284;
    --danger-hover: #eb9a9c;
    --danger-subtle: rgba(231, 130, 132, 0.12);
    --danger-subtle: color-mix(in srgb, #e78284 12%, transparent);
    --danger-border: rgba(231, 130, 132, 0.35);
    --danger-border: color-mix(in srgb, #e78284 35%, transparent);
    --danger-shadow: rgba(231, 130, 132, 0.15);
    --danger-shadow: color-mix(in srgb, #e78284 15%, transparent);
    --danger-shadow-strong: rgba(231, 130, 132, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #e78284 28%, transparent);
    --danger-shadow-subtle: rgba(231, 130, 132, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #e78284 5%, transparent);
    --on-danger: #303446;
    --success: #a6d189;
    --success-hover: #bcdda6;
    --success-subtle: rgba(166, 209, 137, 0.12);
    --success-subtle: color-mix(in srgb, #a6d189 12%, transparent);
    --success-border: rgba(166, 209, 137, 0.4);
    --success-border: color-mix(in srgb, #a6d189 40%, transparent);
    --success-border-strong: rgba(166, 209, 137, 0.55);
    --success-border-strong: color-mix(in srgb, #a6d189 55%, transparent);
    --success-shadow: rgba(166, 209, 137, 0.12);
    --success-shadow: color-mix(in srgb, #a6d189 12%, transparent);
    --on-success: #303446;
    --warning: #e5c890;
    --warning-hover: #ebd4a8;
    --warning-subtle: rgba(229, 200, 144, 0.12);
    --warning-subtle: color-mix(in srgb, #e5c890 12%, transparent);
    --warning-border: rgba(229, 200, 144, 0.35);
    --warning-border: color-mix(in srgb, #e5c890 35%, transparent);
    --warning-highlight-active: rgba(229, 200, 144, 0.65);
    --warning-highlight-active: color-mix(in srgb, #e5c890 65%, transparent);
    --warning-shadow: rgba(229, 200, 144, 0.12);
    --warning-shadow: color-mix(in srgb, #e5c890 12%, transparent);
    --warning-shadow-strong: rgba(229, 200, 144, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #e5c890 28%, transparent);
    --warning-pulse: rgba(229, 200, 144, 0.45);
    --warning-pulse: color-mix(in srgb, #e5c890 45%, transparent);
    --on-warning: #303446;
    --info: #85c1dc;
    --info-subtle: rgba(133, 193, 220, 0.12);
    --info-subtle: color-mix(in srgb, #85c1dc 12%, transparent);
    --info-shadow: rgba(133, 193, 220, 0.12);
    --info-shadow: color-mix(in srgb, #85c1dc 12%, transparent);
    --info-shadow-strong: rgba(133, 193, 220, 0.28);
    --info-shadow-strong: color-mix(in srgb, #85c1dc 28%, transparent);
    --on-info: #303446;
    --border: #414559;
    --border-light: #51576d;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="catppuccin-macchiato"] {
    --bg-primary: #24273a;
    --bg-secondary: #1e2030;
    --bg-tertiary: #363a4f;
    --bg-elevated: #494d64;
    --text-primary: #cad3f5;
    --text-secondary: #b8c0e0;
    --text-dim: #8087a2;
    --accent: #c6a0f6;
    --accent-hover: #d4b6f8;
    --accent-fg: #24273a;
    --accent-subtle: rgba(198, 160, 246, 0.12);
    --accent-subtle: color-mix(in srgb, #c6a0f6 12%, transparent);
    --accent-glow: rgba(198, 160, 246, 0.28);
    --accent-glow: color-mix(in srgb, #c6a0f6 28%, transparent);
    --accent-wash: rgba(198, 160, 246, 0.05);
    --accent-wash: color-mix(in srgb, #c6a0f6 5%, transparent);
    --accent-border: rgba(198, 160, 246, 0.35);
    --accent-border: color-mix(in srgb, #c6a0f6 35%, transparent);
    --accent-muted: rgba(198, 160, 246, 0.18);
    --accent-muted: color-mix(in srgb, #c6a0f6 18%, transparent);
    --danger: #ed8796;
    --danger-hover: #f0a0ac;
    --danger-subtle: rgba(237, 135, 150, 0.12);
    --danger-subtle: color-mix(in srgb, #ed8796 12%, transparent);
    --danger-border: rgba(237, 135, 150, 0.35);
    --danger-border: color-mix(in srgb, #ed8796 35%, transparent);
    --danger-shadow: rgba(237, 135, 150, 0.15);
    --danger-shadow: color-mix(in srgb, #ed8796 15%, transparent);
    --danger-shadow-strong: rgba(237, 135, 150, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #ed8796 28%, transparent);
    --danger-shadow-subtle: rgba(237, 135, 150, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #ed8796 5%, transparent);
    --on-danger: #24273a;
    --success: #a6da95;
    --success-hover: #bce0ae;
    --success-subtle: rgba(166, 218, 149, 0.12);
    --success-subtle: color-mix(in srgb, #a6da95 12%, transparent);
    --success-border: rgba(166, 218, 149, 0.4);
    --success-border: color-mix(in srgb, #a6da95 40%, transparent);
    --success-border-strong: rgba(166, 218, 149, 0.55);
    --success-border-strong: color-mix(in srgb, #a6da95 55%, transparent);
    --success-shadow: rgba(166, 218, 149, 0.12);
    --success-shadow: color-mix(in srgb, #a6da95 12%, transparent);
    --on-success: #24273a;
    --warning: #eed49f;
    --warning-hover: #f1ddb5;
    --warning-subtle: rgba(238, 212, 159, 0.12);
    --warning-subtle: color-mix(in srgb, #eed49f 12%, transparent);
    --warning-border: rgba(238, 212, 159, 0.35);
    --warning-border: color-mix(in srgb, #eed49f 35%, transparent);
    --warning-highlight-active: rgba(238, 212, 159, 0.65);
    --warning-highlight-active: color-mix(in srgb, #eed49f 65%, transparent);
    --warning-shadow: rgba(238, 212, 159, 0.12);
    --warning-shadow: color-mix(in srgb, #eed49f 12%, transparent);
    --warning-shadow-strong: rgba(238, 212, 159, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #eed49f 28%, transparent);
    --warning-pulse: rgba(238, 212, 159, 0.45);
    --warning-pulse: color-mix(in srgb, #eed49f 45%, transparent);
    --on-warning: #24273a;
    --info: #8aadf4;
    --info-subtle: rgba(138, 173, 244, 0.12);
    --info-subtle: color-mix(in srgb, #8aadf4 12%, transparent);
    --info-shadow: rgba(138, 173, 244, 0.12);
    --info-shadow: color-mix(in srgb, #8aadf4 12%, transparent);
    --info-shadow-strong: rgba(138, 173, 244, 0.28);
    --info-shadow-strong: color-mix(in srgb, #8aadf4 28%, transparent);
    --on-info: #24273a;
    --border: #363a4f;
    --border-light: #494d64;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="tokyo-night-storm"] {
    --bg-primary: #24283b;
    --bg-secondary: #1f2335;
    --bg-tertiary: #292e42;
    --bg-elevated: #3b4261;
    --text-primary: #c0caf5;
    --text-secondary: #a9b1d6;
    --text-dim: #737aa2;
    --accent: #7aa2f7;
    --accent-hover: #9bb6f9;
    --accent-fg: #1f2335;
    --accent-subtle: rgba(122, 162, 247, 0.12);
    --accent-subtle: color-mix(in srgb, #7aa2f7 12%, transparent);
    --accent-glow: rgba(122, 162, 247, 0.28);
    --accent-glow: color-mix(in srgb, #7aa2f7 28%, transparent);
    --accent-wash: rgba(122, 162, 247, 0.05);
    --accent-wash: color-mix(in srgb, #7aa2f7 5%, transparent);
    --accent-border: rgba(122, 162, 247, 0.35);
    --accent-border: color-mix(in srgb, #7aa2f7 35%, transparent);
    --accent-muted: rgba(122, 162, 247, 0.18);
    --accent-muted: color-mix(in srgb, #7aa2f7 18%, transparent);
    --danger: #f7768e;
    --danger-hover: #f993a6;
    --danger-subtle: rgba(247, 118, 142, 0.12);
    --danger-subtle: color-mix(in srgb, #f7768e 12%, transparent);
    --danger-border: rgba(247, 118, 142, 0.35);
    --danger-border: color-mix(in srgb, #f7768e 35%, transparent);
    --danger-shadow: rgba(247, 118, 142, 0.15);
    --danger-shadow: color-mix(in srgb, #f7768e 15%, transparent);
    --danger-shadow-strong: rgba(247, 118, 142, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #f7768e 28%, transparent);
    --danger-shadow-subtle: rgba(247, 118, 142, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #f7768e 5%, transparent);
    --on-danger: #1f2335;
    --success: #9ece6a;
    --success-hover: #b3da89;
    --success-subtle: rgba(158, 206, 106, 0.12);
    --success-subtle: color-mix(in srgb, #9ece6a 12%, transparent);
    --success-border: rgba(158, 206, 106, 0.4);
    --success-border: color-mix(in srgb, #9ece6a 40%, transparent);
    --success-border-strong: rgba(158, 206, 106, 0.55);
    --success-border-strong: color-mix(in srgb, #9ece6a 55%, transparent);
    --success-shadow: rgba(158, 206, 106, 0.12);
    --success-shadow: color-mix(in srgb, #9ece6a 12%, transparent);
    --on-success: #1f2335;
    --warning: #e0af68;
    --warning-hover: #e7c089;
    --warning-subtle: rgba(224, 175, 104, 0.12);
    --warning-subtle: color-mix(in srgb, #e0af68 12%, transparent);
    --warning-border: rgba(224, 175, 104, 0.35);
    --warning-border: color-mix(in srgb, #e0af68 35%, transparent);
    --warning-highlight-active: rgba(224, 175, 104, 0.65);
    --warning-highlight-active: color-mix(in srgb, #e0af68 65%, transparent);
    --warning-shadow: rgba(224, 175, 104, 0.12);
    --warning-shadow: color-mix(in srgb, #e0af68 12%, transparent);
    --warning-shadow-strong: rgba(224, 175, 104, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #e0af68 28%, transparent);
    --warning-pulse: rgba(224, 175, 104, 0.45);
    --warning-pulse: color-mix(in srgb, #e0af68 45%, transparent);
    --on-warning: #1f2335;
    --info: #7dcfff;
    --info-subtle: rgba(125, 207, 255, 0.12);
    --info-subtle: color-mix(in srgb, #7dcfff 12%, transparent);
    --info-shadow: rgba(125, 207, 255, 0.12);
    --info-shadow: color-mix(in srgb, #7dcfff 12%, transparent);
    --info-shadow-strong: rgba(125, 207, 255, 0.28);
    --info-shadow-strong: color-mix(in srgb, #7dcfff 28%, transparent);
    --on-info: #1f2335;
    --border: #292e42;
    --border-light: #3b4261;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="tokyo-night-light"] {
    --bg-primary: #d5d6db;
    --bg-secondary: #cbccd1;
    --bg-tertiary: #c4c5cb;
    --bg-elevated: #b7b9c0;
    --text-primary: #343b58;
    --text-secondary: #4c505e;
    --text-dim: #7e80a5;
    --accent: #34548a;
    --accent-hover: #293f6b;
    --accent-fg: #d5d6db;
    --accent-subtle: rgba(52, 84, 138, 0.1);
    --accent-subtle: color-mix(in srgb, #34548a 10%, transparent);
    --accent-glow: rgba(52, 84, 138, 0.22);
    --accent-glow: color-mix(in srgb, #34548a 22%, transparent);
    --accent-wash: rgba(52, 84, 138, 0.04);
    --accent-wash: color-mix(in srgb, #34548a 4%, transparent);
    --accent-border: rgba(52, 84, 138, 0.3);
    --accent-border: color-mix(in srgb, #34548a 30%, transparent);
    --accent-muted: rgba(52, 84, 138, 0.16);
    --accent-muted: color-mix(in srgb, #34548a 16%, transparent);
    --danger: #8c4351;
    --danger-hover: #6f3640;
    --danger-subtle: rgba(140, 67, 81, 0.1);
    --danger-subtle: color-mix(in srgb, #8c4351 10%, transparent);
    --danger-border: rgba(140, 67, 81, 0.3);
    --danger-border: color-mix(in srgb, #8c4351 30%, transparent);
    --danger-shadow: rgba(140, 67, 81, 0.12);
    --danger-shadow: color-mix(in srgb, #8c4351 12%, transparent);
    --danger-shadow-strong: rgba(140, 67, 81, 0.25);
    --danger-shadow-strong: color-mix(in srgb, #8c4351 25%, transparent);
    --danger-shadow-subtle: rgba(140, 67, 81, 0.04);
    --danger-shadow-subtle: color-mix(in srgb, #8c4351 4%, transparent);
    --on-danger: #d5d6db;
    --success: #485e30;
    --success-hover: #384a26;
    --success-subtle: rgba(72, 94, 48, 0.12);
    --success-subtle: color-mix(in srgb, #485e30 12%, transparent);
    --success-border: rgba(72, 94, 48, 0.35);
    --success-border: color-mix(in srgb, #485e30 35%, transparent);
    --success-border-strong: rgba(72, 94, 48, 0.5);
    --success-border-strong: color-mix(in srgb, #485e30 50%, transparent);
    --success-shadow: rgba(72, 94, 48, 0.1);
    --success-shadow: color-mix(in srgb, #485e30 10%, transparent);
    --on-success: #d5d6db;
    --warning: #8f5e15;
    --warning-hover: #724a10;
    --warning-subtle: rgba(143, 94, 21, 0.1);
    --warning-subtle: color-mix(in srgb, #8f5e15 10%, transparent);
    --warning-border: rgba(143, 94, 21, 0.3);
    --warning-border: color-mix(in srgb, #8f5e15 30%, transparent);
    --warning-highlight-active: rgba(143, 94, 21, 0.6);
    --warning-highlight-active: color-mix(in srgb, #8f5e15 60%, transparent);
    --warning-shadow: rgba(143, 94, 21, 0.1);
    --warning-shadow: color-mix(in srgb, #8f5e15 10%, transparent);
    --warning-shadow-strong: rgba(143, 94, 21, 0.22);
    --warning-shadow-strong: color-mix(in srgb, #8f5e15 22%, transparent);
    --warning-pulse: rgba(143, 94, 21, 0.4);
    --warning-pulse: color-mix(in srgb, #8f5e15 40%, transparent);
    --on-warning: #d5d6db;
    --info: #0f4b6e;
    --info-subtle: rgba(15, 75, 110, 0.1);
    --info-subtle: color-mix(in srgb, #0f4b6e 10%, transparent);
    --info-shadow: rgba(15, 75, 110, 0.1);
    --info-shadow: color-mix(in srgb, #0f4b6e 10%, transparent);
    --info-shadow-strong: rgba(15, 75, 110, 0.22);
    --info-shadow-strong: color-mix(in srgb, #0f4b6e 22%, transparent);
    --on-info: #d5d6db;
    --border: #b7b9c0;
    --border-light: #9699a3;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.1);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.04);
}

[data-theme="kanagawa-dragon"] {
    --bg-primary: #181616;
    --bg-secondary: #12120f;
    --bg-tertiary: #1d1c19;
    --bg-elevated: #282727;
    --text-primary: #c5c9c5;
    --text-secondary: #a6a69c;
    --text-dim: #737c73;
    --accent: #8ba4b0;
    --accent-hover: #a3bac4;
    --accent-fg: #181616;
    --accent-subtle: rgba(139, 164, 176, 0.12);
    --accent-subtle: color-mix(in srgb, #8ba4b0 12%, transparent);
    --accent-glow: rgba(139, 164, 176, 0.28);
    --accent-glow: color-mix(in srgb, #8ba4b0 28%, transparent);
    --accent-wash: rgba(139, 164, 176, 0.05);
    --accent-wash: color-mix(in srgb, #8ba4b0 5%, transparent);
    --accent-border: rgba(139, 164, 176, 0.35);
    --accent-border: color-mix(in srgb, #8ba4b0 35%, transparent);
    --accent-muted: rgba(139, 164, 176, 0.18);
    --accent-muted: color-mix(in srgb, #8ba4b0 18%, transparent);
    --danger: #c4746e;
    --danger-hover: #d18d87;
    --danger-subtle: rgba(196, 116, 110, 0.12);
    --danger-subtle: color-mix(in srgb, #c4746e 12%, transparent);
    --danger-border: rgba(196, 116, 110, 0.35);
    --danger-border: color-mix(in srgb, #c4746e 35%, transparent);
    --danger-shadow: rgba(196, 116, 110, 0.15);
    --danger-shadow: color-mix(in srgb, #c4746e 15%, transparent);
    --danger-shadow-strong: rgba(196, 116, 110, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #c4746e 28%, transparent);
    --danger-shadow-subtle: rgba(196, 116, 110, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #c4746e 5%, transparent);
    --on-danger: #181616;
    --success: #8a9a7b;
    --success-hover: #a3b194;
    --success-subtle: rgba(138, 154, 123, 0.12);
    --success-subtle: color-mix(in srgb, #8a9a7b 12%, transparent);
    --success-border: rgba(138, 154, 123, 0.4);
    --success-border: color-mix(in srgb, #8a9a7b 40%, transparent);
    --success-border-strong: rgba(138, 154, 123, 0.55);
    --success-border-strong: color-mix(in srgb, #8a9a7b 55%, transparent);
    --success-shadow: rgba(138, 154, 123, 0.12);
    --success-shadow: color-mix(in srgb, #8a9a7b 12%, transparent);
    --on-success: #181616;
    --warning: #c4b28a;
    --warning-hover: #d0c1a3;
    --warning-subtle: rgba(196, 178, 138, 0.12);
    --warning-subtle: color-mix(in srgb, #c4b28a 12%, transparent);
    --warning-border: rgba(196, 178, 138, 0.35);
    --warning-border: color-mix(in srgb, #c4b28a 35%, transparent);
    --warning-highlight-active: rgba(196, 178, 138, 0.65);
    --warning-highlight-active: color-mix(in srgb, #c4b28a 65%, transparent);
    --warning-shadow: rgba(196, 178, 138, 0.12);
    --warning-shadow: color-mix(in srgb, #c4b28a 12%, transparent);
    --warning-shadow-strong: rgba(196, 178, 138, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #c4b28a 28%, transparent);
    --warning-pulse: rgba(196, 178, 138, 0.45);
    --warning-pulse: color-mix(in srgb, #c4b28a 45%, transparent);
    --on-warning: #181616;
    --info: #8ea4a2;
    --info-subtle: rgba(142, 164, 162, 0.12);
    --info-subtle: color-mix(in srgb, #8ea4a2 12%, transparent);
    --info-shadow: rgba(142, 164, 162, 0.12);
    --info-shadow: color-mix(in srgb, #8ea4a2 12%, transparent);
    --info-shadow-strong: rgba(142, 164, 162, 0.28);
    --info-shadow-strong: color-mix(in srgb, #8ea4a2 28%, transparent);
    --on-info: #181616;
    --border: #282727;
    --border-light: #393836;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="github-dark"] {
    --bg-primary: #0d1117;
    --bg-secondary: #010409;
    --bg-tertiary: #161b22;
    --bg-elevated: #21262d;
    --text-primary: #e6edf3;
    --text-secondary: #c9d1d9;
    --text-dim: #7d8590;
    --accent: #58a6ff;
    --accent-hover: #79b8ff;
    --accent-fg: #0d1117;
    --accent-subtle: rgba(88, 166, 255, 0.12);
    --accent-subtle: color-mix(in srgb, #58a6ff 12%, transparent);
    --accent-glow: rgba(88, 166, 255, 0.28);
    --accent-glow: color-mix(in srgb, #58a6ff 28%, transparent);
    --accent-wash: rgba(88, 166, 255, 0.05);
    --accent-wash: color-mix(in srgb, #58a6ff 5%, transparent);
    --accent-border: rgba(88, 166, 255, 0.35);
    --accent-border: color-mix(in srgb, #58a6ff 35%, transparent);
    --accent-muted: rgba(88, 166, 255, 0.18);
    --accent-muted: color-mix(in srgb, #58a6ff 18%, transparent);
    --danger: #f85149;
    --danger-hover: #ff6b62;
    --danger-subtle: rgba(248, 81, 73, 0.12);
    --danger-subtle: color-mix(in srgb, #f85149 12%, transparent);
    --danger-border: rgba(248, 81, 73, 0.35);
    --danger-border: color-mix(in srgb, #f85149 35%, transparent);
    --danger-shadow: rgba(248, 81, 73, 0.15);
    --danger-shadow: color-mix(in srgb, #f85149 15%, transparent);
    --danger-shadow-strong: rgba(248, 81, 73, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #f85149 28%, transparent);
    --danger-shadow-subtle: rgba(248, 81, 73, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #f85149 5%, transparent);
    --on-danger: #0d1117;
    --success: #3fb950;
    --success-hover: #56d364;
    --success-subtle: rgba(63, 185, 80, 0.12);
    --success-subtle: color-mix(in srgb, #3fb950 12%, transparent);
    --success-border: rgba(63, 185, 80, 0.4);
    --success-border: color-mix(in srgb, #3fb950 40%, transparent);
    --success-border-strong: rgba(63, 185, 80, 0.55);
    --success-border-strong: color-mix(in srgb, #3fb950 55%, transparent);
    --success-shadow: rgba(63, 185, 80, 0.12);
    --success-shadow: color-mix(in srgb, #3fb950 12%, transparent);
    --on-success: #0d1117;
    --warning: #d29922;
    --warning-hover: #e3b341;
    --warning-subtle: rgba(210, 153, 34, 0.12);
    --warning-subtle: color-mix(in srgb, #d29922 12%, transparent);
    --warning-border: rgba(210, 153, 34, 0.35);
    --warning-border: color-mix(in srgb, #d29922 35%, transparent);
    --warning-highlight-active: rgba(210, 153, 34, 0.65);
    --warning-highlight-active: color-mix(in srgb, #d29922 65%, transparent);
    --warning-shadow: rgba(210, 153, 34, 0.12);
    --warning-shadow: color-mix(in srgb, #d29922 12%, transparent);
    --warning-shadow-strong: rgba(210, 153, 34, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #d29922 28%, transparent);
    --warning-pulse: rgba(210, 153, 34, 0.45);
    --warning-pulse: color-mix(in srgb, #d29922 45%, transparent);
    --on-warning: #0d1117;
    --info: #79c0ff;
    --info-subtle: rgba(121, 192, 255, 0.12);
    --info-subtle: color-mix(in srgb, #79c0ff 12%, transparent);
    --info-shadow: rgba(121, 192, 255, 0.12);
    --info-shadow: color-mix(in srgb, #79c0ff 12%, transparent);
    --info-shadow-strong: rgba(121, 192, 255, 0.28);
    --info-shadow-strong: color-mix(in srgb, #79c0ff 28%, transparent);
    --on-info: #0d1117;
    --border: #30363d;
    --border-light: #484f58;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="monokai-pro"] {
    --bg-primary: #2d2a2e;
    --bg-secondary: #221f22;
    --bg-tertiary: #363336;
    --bg-elevated: #403e41;
    --text-primary: #fcfcfa;
    --text-secondary: #c1c0c0;
    --text-dim: #727072;
    --accent: #ff6188;
    --accent-hover: #ff84a3;
    --accent-fg: #2d2a2e;
    --accent-subtle: rgba(255, 97, 136, 0.12);
    --accent-subtle: color-mix(in srgb, #ff6188 12%, transparent);
    --accent-glow: rgba(255, 97, 136, 0.28);
    --accent-glow: color-mix(in srgb, #ff6188 28%, transparent);
    --accent-wash: rgba(255, 97, 136, 0.05);
    --accent-wash: color-mix(in srgb, #ff6188 5%, transparent);
    --accent-border: rgba(255, 97, 136, 0.35);
    --accent-border: color-mix(in srgb, #ff6188 35%, transparent);
    --accent-muted: rgba(255, 97, 136, 0.18);
    --accent-muted: color-mix(in srgb, #ff6188 18%, transparent);
    --danger: #fc618d;
    --danger-hover: #fd84a8;
    --danger-subtle: rgba(252, 97, 141, 0.12);
    --danger-subtle: color-mix(in srgb, #fc618d 12%, transparent);
    --danger-border: rgba(252, 97, 141, 0.35);
    --danger-border: color-mix(in srgb, #fc618d 35%, transparent);
    --danger-shadow: rgba(252, 97, 141, 0.15);
    --danger-shadow: color-mix(in srgb, #fc618d 15%, transparent);
    --danger-shadow-strong: rgba(252, 97, 141, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #fc618d 28%, transparent);
    --danger-shadow-subtle: rgba(252, 97, 141, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #fc618d 5%, transparent);
    --on-danger: #2d2a2e;
    --success: #a9dc76;
    --success-hover: #bce393;
    --success-subtle: rgba(169, 220, 118, 0.12);
    --success-subtle: color-mix(in srgb, #a9dc76 12%, transparent);
    --success-border: rgba(169, 220, 118, 0.4);
    --success-border: color-mix(in srgb, #a9dc76 40%, transparent);
    --success-border-strong: rgba(169, 220, 118, 0.55);
    --success-border-strong: color-mix(in srgb, #a9dc76 55%, transparent);
    --success-shadow: rgba(169, 220, 118, 0.12);
    --success-shadow: color-mix(in srgb, #a9dc76 12%, transparent);
    --on-success: #2d2a2e;
    --warning: #ffd866;
    --warning-hover: #ffe188;
    --warning-subtle: rgba(255, 216, 102, 0.12);
    --warning-subtle: color-mix(in srgb, #ffd866 12%, transparent);
    --warning-border: rgba(255, 216, 102, 0.35);
    --warning-border: color-mix(in srgb, #ffd866 35%, transparent);
    --warning-highlight-active: rgba(255, 216, 102, 0.65);
    --warning-highlight-active: color-mix(in srgb, #ffd866 65%, transparent);
    --warning-shadow: rgba(255, 216, 102, 0.12);
    --warning-shadow: color-mix(in srgb, #ffd866 12%, transparent);
    --warning-shadow-strong: rgba(255, 216, 102, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #ffd866 28%, transparent);
    --warning-pulse: rgba(255, 216, 102, 0.45);
    --warning-pulse: color-mix(in srgb, #ffd866 45%, transparent);
    --on-warning: #2d2a2e;
    --info: #78dce8;
    --info-subtle: rgba(120, 220, 232, 0.12);
    --info-subtle: color-mix(in srgb, #78dce8 12%, transparent);
    --info-shadow: rgba(120, 220, 232, 0.12);
    --info-shadow: color-mix(in srgb, #78dce8 12%, transparent);
    --info-shadow-strong: rgba(120, 220, 232, 0.28);
    --info-shadow-strong: color-mix(in srgb, #78dce8 28%, transparent);
    --on-info: #2d2a2e;
    --border: #403e41;
    --border-light: #5b595c;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="oceanic-next"] {
    --bg-primary: #1b2b34;
    --bg-secondary: #16242b;
    --bg-tertiary: #223a44;
    --bg-elevated: #2d4b58;
    --text-primary: #d8dee9;
    --text-secondary: #c0c5ce;
    --text-dim: #65737e;
    --accent: #6699cc;
    --accent-hover: #85b1da;
    --accent-fg: #1b2b34;
    --accent-subtle: rgba(102, 153, 204, 0.12);
    --accent-subtle: color-mix(in srgb, #6699cc 12%, transparent);
    --accent-glow: rgba(102, 153, 204, 0.28);
    --accent-glow: color-mix(in srgb, #6699cc 28%, transparent);
    --accent-wash: rgba(102, 153, 204, 0.05);
    --accent-wash: color-mix(in srgb, #6699cc 5%, transparent);
    --accent-border: rgba(102, 153, 204, 0.35);
    --accent-border: color-mix(in srgb, #6699cc 35%, transparent);
    --accent-muted: rgba(102, 153, 204, 0.18);
    --accent-muted: color-mix(in srgb, #6699cc 18%, transparent);
    --danger: #ec5f67;
    --danger-hover: #f08084;
    --danger-subtle: rgba(236, 95, 103, 0.12);
    --danger-subtle: color-mix(in srgb, #ec5f67 12%, transparent);
    --danger-border: rgba(236, 95, 103, 0.35);
    --danger-border: color-mix(in srgb, #ec5f67 35%, transparent);
    --danger-shadow: rgba(236, 95, 103, 0.15);
    --danger-shadow: color-mix(in srgb, #ec5f67 15%, transparent);
    --danger-shadow-strong: rgba(236, 95, 103, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #ec5f67 28%, transparent);
    --danger-shadow-subtle: rgba(236, 95, 103, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #ec5f67 5%, transparent);
    --on-danger: #1b2b34;
    --success: #99c794;
    --success-hover: #b2d4ae;
    --success-subtle: rgba(153, 199, 148, 0.12);
    --success-subtle: color-mix(in srgb, #99c794 12%, transparent);
    --success-border: rgba(153, 199, 148, 0.4);
    --success-border: color-mix(in srgb, #99c794 40%, transparent);
    --success-border-strong: rgba(153, 199, 148, 0.55);
    --success-border-strong: color-mix(in srgb, #99c794 55%, transparent);
    --success-shadow: rgba(153, 199, 148, 0.12);
    --success-shadow: color-mix(in srgb, #99c794 12%, transparent);
    --on-success: #1b2b34;
    --warning: #fac863;
    --warning-hover: #fbd485;
    --warning-subtle: rgba(250, 200, 99, 0.12);
    --warning-subtle: color-mix(in srgb, #fac863 12%, transparent);
    --warning-border: rgba(250, 200, 99, 0.35);
    --warning-border: color-mix(in srgb, #fac863 35%, transparent);
    --warning-highlight-active: rgba(250, 200, 99, 0.65);
    --warning-highlight-active: color-mix(in srgb, #fac863 65%, transparent);
    --warning-shadow: rgba(250, 200, 99, 0.12);
    --warning-shadow: color-mix(in srgb, #fac863 12%, transparent);
    --warning-shadow-strong: rgba(250, 200, 99, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #fac863 28%, transparent);
    --warning-pulse: rgba(250, 200, 99, 0.45);
    --warning-pulse: color-mix(in srgb, #fac863 45%, transparent);
    --on-warning: #1b2b34;
    --info: #5fb3b3;
    --info-subtle: rgba(95, 179, 179, 0.12);
    --info-subtle: color-mix(in srgb, #5fb3b3 12%, transparent);
    --info-shadow: rgba(95, 179, 179, 0.12);
    --info-shadow: color-mix(in srgb, #5fb3b3 12%, transparent);
    --info-shadow-strong: rgba(95, 179, 179, 0.28);
    --info-shadow-strong: color-mix(in srgb, #5fb3b3 28%, transparent);
    --on-info: #1b2b34;
    --border: #2d4b58;
    --border-light: #3e6172;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="cobalt2"] {
    --bg-primary: #193549;
    --bg-secondary: #15293c;
    --bg-tertiary: #1f4662;
    --bg-elevated: #234e6f;
    --text-primary: #ffffff;
    --text-secondary: #e1efff;
    --text-dim: #5f8bb0;
    --accent: #ffc600;
    --accent-hover: #ffd233;
    --accent-fg: #193549;
    --accent-subtle: rgba(255, 198, 0, 0.12);
    --accent-subtle: color-mix(in srgb, #ffc600 12%, transparent);
    --accent-glow: rgba(255, 198, 0, 0.28);
    --accent-glow: color-mix(in srgb, #ffc600 28%, transparent);
    --accent-wash: rgba(255, 198, 0, 0.05);
    --accent-wash: color-mix(in srgb, #ffc600 5%, transparent);
    --accent-border: rgba(255, 198, 0, 0.35);
    --accent-border: color-mix(in srgb, #ffc600 35%, transparent);
    --accent-muted: rgba(255, 198, 0, 0.18);
    --accent-muted: color-mix(in srgb, #ffc600 18%, transparent);
    --danger: #ff628c;
    --danger-hover: #ff85a8;
    --danger-subtle: rgba(255, 98, 140, 0.12);
    --danger-subtle: color-mix(in srgb, #ff628c 12%, transparent);
    --danger-border: rgba(255, 98, 140, 0.35);
    --danger-border: color-mix(in srgb, #ff628c 35%, transparent);
    --danger-shadow: rgba(255, 98, 140, 0.15);
    --danger-shadow: color-mix(in srgb, #ff628c 15%, transparent);
    --danger-shadow-strong: rgba(255, 98, 140, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #ff628c 28%, transparent);
    --danger-shadow-subtle: rgba(255, 98, 140, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #ff628c 5%, transparent);
    --on-danger: #193549;
    --success: #3ad900;
    --success-hover: #5bea2a;
    --success-subtle: rgba(58, 217, 0, 0.12);
    --success-subtle: color-mix(in srgb, #3ad900 12%, transparent);
    --success-border: rgba(58, 217, 0, 0.4);
    --success-border: color-mix(in srgb, #3ad900 40%, transparent);
    --success-border-strong: rgba(58, 217, 0, 0.55);
    --success-border-strong: color-mix(in srgb, #3ad900 55%, transparent);
    --success-shadow: rgba(58, 217, 0, 0.12);
    --success-shadow: color-mix(in srgb, #3ad900 12%, transparent);
    --on-success: #193549;
    --warning: #ff9d00;
    --warning-hover: #ffb133;
    --warning-subtle: rgba(255, 157, 0, 0.12);
    --warning-subtle: color-mix(in srgb, #ff9d00 12%, transparent);
    --warning-border: rgba(255, 157, 0, 0.35);
    --warning-border: color-mix(in srgb, #ff9d00 35%, transparent);
    --warning-highlight-active: rgba(255, 157, 0, 0.65);
    --warning-highlight-active: color-mix(in srgb, #ff9d00 65%, transparent);
    --warning-shadow: rgba(255, 157, 0, 0.12);
    --warning-shadow: color-mix(in srgb, #ff9d00 12%, transparent);
    --warning-shadow-strong: rgba(255, 157, 0, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #ff9d00 28%, transparent);
    --warning-pulse: rgba(255, 157, 0, 0.45);
    --warning-pulse: color-mix(in srgb, #ff9d00 45%, transparent);
    --on-warning: #193549;
    --info: #9effff;
    --info-subtle: rgba(158, 255, 255, 0.12);
    --info-subtle: color-mix(in srgb, #9effff 12%, transparent);
    --info-shadow: rgba(158, 255, 255, 0.12);
    --info-shadow: color-mix(in srgb, #9effff 12%, transparent);
    --info-shadow-strong: rgba(158, 255, 255, 0.28);
    --info-shadow-strong: color-mix(in srgb, #9effff 28%, transparent);
    --on-info: #193549;
    --border: #234e6f;
    --border-light: #356585;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="horizon"] {
    --bg-primary: #1c1e26;
    --bg-secondary: #16161c;
    --bg-tertiary: #232530;
    --bg-elevated: #2e303e;
    --text-primary: #d5d8da;
    --text-secondary: #bababf;
    --text-dim: #6c6f93;
    --accent: #e95678;
    --accent-hover: #ee7a93;
    --accent-fg: #1c1e26;
    --accent-subtle: rgba(233, 86, 120, 0.12);
    --accent-subtle: color-mix(in srgb, #e95678 12%, transparent);
    --accent-glow: rgba(233, 86, 120, 0.28);
    --accent-glow: color-mix(in srgb, #e95678 28%, transparent);
    --accent-wash: rgba(233, 86, 120, 0.05);
    --accent-wash: color-mix(in srgb, #e95678 5%, transparent);
    --accent-border: rgba(233, 86, 120, 0.35);
    --accent-border: color-mix(in srgb, #e95678 35%, transparent);
    --accent-muted: rgba(233, 86, 120, 0.18);
    --accent-muted: color-mix(in srgb, #e95678 18%, transparent);
    --danger: #e95678;
    --danger-hover: #ee7a93;
    --danger-subtle: rgba(233, 86, 120, 0.12);
    --danger-subtle: color-mix(in srgb, #e95678 12%, transparent);
    --danger-border: rgba(233, 86, 120, 0.35);
    --danger-border: color-mix(in srgb, #e95678 35%, transparent);
    --danger-shadow: rgba(233, 86, 120, 0.15);
    --danger-shadow: color-mix(in srgb, #e95678 15%, transparent);
    --danger-shadow-strong: rgba(233, 86, 120, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #e95678 28%, transparent);
    --danger-shadow-subtle: rgba(233, 86, 120, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #e95678 5%, transparent);
    --on-danger: #1c1e26;
    --success: #09f7a0;
    --success-hover: #3df8b3;
    --success-subtle: rgba(9, 247, 160, 0.12);
    --success-subtle: color-mix(in srgb, #09f7a0 12%, transparent);
    --success-border: rgba(9, 247, 160, 0.4);
    --success-border: color-mix(in srgb, #09f7a0 40%, transparent);
    --success-border-strong: rgba(9, 247, 160, 0.55);
    --success-border-strong: color-mix(in srgb, #09f7a0 55%, transparent);
    --success-shadow: rgba(9, 247, 160, 0.12);
    --success-shadow: color-mix(in srgb, #09f7a0 12%, transparent);
    --on-success: #1c1e26;
    --warning: #fab795;
    --warning-hover: #fbc8af;
    --warning-subtle: rgba(250, 183, 149, 0.12);
    --warning-subtle: color-mix(in srgb, #fab795 12%, transparent);
    --warning-border: rgba(250, 183, 149, 0.35);
    --warning-border: color-mix(in srgb, #fab795 35%, transparent);
    --warning-highlight-active: rgba(250, 183, 149, 0.65);
    --warning-highlight-active: color-mix(in srgb, #fab795 65%, transparent);
    --warning-shadow: rgba(250, 183, 149, 0.12);
    --warning-shadow: color-mix(in srgb, #fab795 12%, transparent);
    --warning-shadow-strong: rgba(250, 183, 149, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #fab795 28%, transparent);
    --warning-pulse: rgba(250, 183, 149, 0.45);
    --warning-pulse: color-mix(in srgb, #fab795 45%, transparent);
    --on-warning: #1c1e26;
    --info: #26bbd9;
    --info-subtle: rgba(38, 187, 217, 0.12);
    --info-subtle: color-mix(in srgb, #26bbd9 12%, transparent);
    --info-shadow: rgba(38, 187, 217, 0.12);
    --info-shadow: color-mix(in srgb, #26bbd9 12%, transparent);
    --info-shadow-strong: rgba(38, 187, 217, 0.28);
    --info-shadow-strong: color-mix(in srgb, #26bbd9 28%, transparent);
    --on-info: #1c1e26;
    --border: #2e303e;
    --border-light: #3f4256;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="tomorrow-night"] {
    --bg-primary: #1d1f21;
    --bg-secondary: #161719;
    --bg-tertiary: #282a2e;
    --bg-elevated: #373b41;
    --text-primary: #c5c8c6;
    --text-secondary: #b4b7b4;
    --text-dim: #969896;
    --accent: #81a2be;
    --accent-hover: #9bb6cd;
    --accent-fg: #1d1f21;
    --accent-subtle: rgba(129, 162, 190, 0.12);
    --accent-subtle: color-mix(in srgb, #81a2be 12%, transparent);
    --accent-glow: rgba(129, 162, 190, 0.28);
    --accent-glow: color-mix(in srgb, #81a2be 28%, transparent);
    --accent-wash: rgba(129, 162, 190, 0.05);
    --accent-wash: color-mix(in srgb, #81a2be 5%, transparent);
    --accent-border: rgba(129, 162, 190, 0.35);
    --accent-border: color-mix(in srgb, #81a2be 35%, transparent);
    --accent-muted: rgba(129, 162, 190, 0.18);
    --accent-muted: color-mix(in srgb, #81a2be 18%, transparent);
    --danger: #cc6666;
    --danger-hover: #d68585;
    --danger-subtle: rgba(204, 102, 102, 0.12);
    --danger-subtle: color-mix(in srgb, #cc6666 12%, transparent);
    --danger-border: rgba(204, 102, 102, 0.35);
    --danger-border: color-mix(in srgb, #cc6666 35%, transparent);
    --danger-shadow: rgba(204, 102, 102, 0.15);
    --danger-shadow: color-mix(in srgb, #cc6666 15%, transparent);
    --danger-shadow-strong: rgba(204, 102, 102, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #cc6666 28%, transparent);
    --danger-shadow-subtle: rgba(204, 102, 102, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #cc6666 5%, transparent);
    --on-danger: #1d1f21;
    --success: #b5bd68;
    --success-hover: #c4ca87;
    --success-subtle: rgba(181, 189, 104, 0.12);
    --success-subtle: color-mix(in srgb, #b5bd68 12%, transparent);
    --success-border: rgba(181, 189, 104, 0.4);
    --success-border: color-mix(in srgb, #b5bd68 40%, transparent);
    --success-border-strong: rgba(181, 189, 104, 0.55);
    --success-border-strong: color-mix(in srgb, #b5bd68 55%, transparent);
    --success-shadow: rgba(181, 189, 104, 0.12);
    --success-shadow: color-mix(in srgb, #b5bd68 12%, transparent);
    --on-success: #1d1f21;
    --warning: #f0c674;
    --warning-hover: #f4d391;
    --warning-subtle: rgba(240, 198, 116, 0.12);
    --warning-subtle: color-mix(in srgb, #f0c674 12%, transparent);
    --warning-border: rgba(240, 198, 116, 0.35);
    --warning-border: color-mix(in srgb, #f0c674 35%, transparent);
    --warning-highlight-active: rgba(240, 198, 116, 0.65);
    --warning-highlight-active: color-mix(in srgb, #f0c674 65%, transparent);
    --warning-shadow: rgba(240, 198, 116, 0.12);
    --warning-shadow: color-mix(in srgb, #f0c674 12%, transparent);
    --warning-shadow-strong: rgba(240, 198, 116, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #f0c674 28%, transparent);
    --warning-pulse: rgba(240, 198, 116, 0.45);
    --warning-pulse: color-mix(in srgb, #f0c674 45%, transparent);
    --on-warning: #1d1f21;
    --info: #8abeb7;
    --info-subtle: rgba(138, 190, 183, 0.12);
    --info-subtle: color-mix(in srgb, #8abeb7 12%, transparent);
    --info-shadow: rgba(138, 190, 183, 0.12);
    --info-shadow: color-mix(in srgb, #8abeb7 12%, transparent);
    --info-shadow-strong: rgba(138, 190, 183, 0.28);
    --info-shadow-strong: color-mix(in srgb, #8abeb7 28%, transparent);
    --on-info: #1d1f21;
    --border: #373b41;
    --border-light: #4d5159;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="tomorrow"] {
    --bg-primary: #ffffff;
    --bg-secondary: #f7f7f7;
    --bg-tertiary: #efefef;
    --bg-elevated: #d6d6d6;
    --text-primary: #4d4d4c;
    --text-secondary: #666665;
    --text-dim: #8e908c;
    --accent: #4271ae;
    --accent-hover: #345a8b;
    --accent-fg: #ffffff;
    --accent-subtle: rgba(66, 113, 174, 0.1);
    --accent-subtle: color-mix(in srgb, #4271ae 10%, transparent);
    --accent-glow: rgba(66, 113, 174, 0.22);
    --accent-glow: color-mix(in srgb, #4271ae 22%, transparent);
    --accent-wash: rgba(66, 113, 174, 0.04);
    --accent-wash: color-mix(in srgb, #4271ae 4%, transparent);
    --accent-border: rgba(66, 113, 174, 0.3);
    --accent-border: color-mix(in srgb, #4271ae 30%, transparent);
    --accent-muted: rgba(66, 113, 174, 0.16);
    --accent-muted: color-mix(in srgb, #4271ae 16%, transparent);
    --danger: #c82829;
    --danger-hover: #a01f20;
    --danger-subtle: rgba(200, 40, 41, 0.1);
    --danger-subtle: color-mix(in srgb, #c82829 10%, transparent);
    --danger-border: rgba(200, 40, 41, 0.3);
    --danger-border: color-mix(in srgb, #c82829 30%, transparent);
    --danger-shadow: rgba(200, 40, 41, 0.12);
    --danger-shadow: color-mix(in srgb, #c82829 12%, transparent);
    --danger-shadow-strong: rgba(200, 40, 41, 0.25);
    --danger-shadow-strong: color-mix(in srgb, #c82829 25%, transparent);
    --danger-shadow-subtle: rgba(200, 40, 41, 0.04);
    --danger-shadow-subtle: color-mix(in srgb, #c82829 4%, transparent);
    --on-danger: #ffffff;
    --success: #718c00;
    --success-hover: #5a7000;
    --success-subtle: rgba(113, 140, 0, 0.12);
    --success-subtle: color-mix(in srgb, #718c00 12%, transparent);
    --success-border: rgba(113, 140, 0, 0.35);
    --success-border: color-mix(in srgb, #718c00 35%, transparent);
    --success-border-strong: rgba(113, 140, 0, 0.5);
    --success-border-strong: color-mix(in srgb, #718c00 50%, transparent);
    --success-shadow: rgba(113, 140, 0, 0.1);
    --success-shadow: color-mix(in srgb, #718c00 10%, transparent);
    --on-success: #ffffff;
    --warning: #eab700;
    --warning-hover: #c19a00;
    --warning-subtle: rgba(234, 183, 0, 0.1);
    --warning-subtle: color-mix(in srgb, #eab700 10%, transparent);
    --warning-border: rgba(234, 183, 0, 0.3);
    --warning-border: color-mix(in srgb, #eab700 30%, transparent);
    --warning-highlight-active: rgba(234, 183, 0, 0.6);
    --warning-highlight-active: color-mix(in srgb, #eab700 60%, transparent);
    --warning-shadow: rgba(234, 183, 0, 0.1);
    --warning-shadow: color-mix(in srgb, #eab700 10%, transparent);
    --warning-shadow-strong: rgba(234, 183, 0, 0.22);
    --warning-shadow-strong: color-mix(in srgb, #eab700 22%, transparent);
    --warning-pulse: rgba(234, 183, 0, 0.4);
    --warning-pulse: color-mix(in srgb, #eab700 40%, transparent);
    --on-warning: #ffffff;
    --info: #3e999f;
    --info-subtle: rgba(62, 153, 159, 0.1);
    --info-subtle: color-mix(in srgb, #3e999f 10%, transparent);
    --info-shadow: rgba(62, 153, 159, 0.1);
    --info-shadow: color-mix(in srgb, #3e999f 10%, transparent);
    --info-shadow-strong: rgba(62, 153, 159, 0.22);
    --info-shadow-strong: color-mix(in srgb, #3e999f 22%, transparent);
    --on-info: #ffffff;
    --border: #d6d6d6;
    --border-light: #b6b6b6;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.1);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.04);
}

[data-theme="iceberg"] {
    --bg-primary: #161821;
    --bg-secondary: #0f1117;
    --bg-tertiary: #1e2132;
    --bg-elevated: #2e313f;
    --text-primary: #c6c8d1;
    --text-secondary: #a8aab4;
    --text-dim: #6b7089;
    --accent: #84a0c6;
    --accent-hover: #9eb6d6;
    --accent-fg: #161821;
    --accent-subtle: rgba(132, 160, 198, 0.12);
    --accent-subtle: color-mix(in srgb, #84a0c6 12%, transparent);
    --accent-glow: rgba(132, 160, 198, 0.28);
    --accent-glow: color-mix(in srgb, #84a0c6 28%, transparent);
    --accent-wash: rgba(132, 160, 198, 0.05);
    --accent-wash: color-mix(in srgb, #84a0c6 5%, transparent);
    --accent-border: rgba(132, 160, 198, 0.35);
    --accent-border: color-mix(in srgb, #84a0c6 35%, transparent);
    --accent-muted: rgba(132, 160, 198, 0.18);
    --accent-muted: color-mix(in srgb, #84a0c6 18%, transparent);
    --danger: #e27878;
    --danger-hover: #e89393;
    --danger-subtle: rgba(226, 120, 120, 0.12);
    --danger-subtle: color-mix(in srgb, #e27878 12%, transparent);
    --danger-border: rgba(226, 120, 120, 0.35);
    --danger-border: color-mix(in srgb, #e27878 35%, transparent);
    --danger-shadow: rgba(226, 120, 120, 0.15);
    --danger-shadow: color-mix(in srgb, #e27878 15%, transparent);
    --danger-shadow-strong: rgba(226, 120, 120, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #e27878 28%, transparent);
    --danger-shadow-subtle: rgba(226, 120, 120, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #e27878 5%, transparent);
    --on-danger: #161821;
    --success: #b4be82;
    --success-hover: #c4cd9c;
    --success-subtle: rgba(180, 190, 130, 0.12);
    --success-subtle: color-mix(in srgb, #b4be82 12%, transparent);
    --success-border: rgba(180, 190, 130, 0.4);
    --success-border: color-mix(in srgb, #b4be82 40%, transparent);
    --success-border-strong: rgba(180, 190, 130, 0.55);
    --success-border-strong: color-mix(in srgb, #b4be82 55%, transparent);
    --success-shadow: rgba(180, 190, 130, 0.12);
    --success-shadow: color-mix(in srgb, #b4be82 12%, transparent);
    --on-success: #161821;
    --warning: #e2a478;
    --warning-hover: #e8b793;
    --warning-subtle: rgba(226, 164, 120, 0.12);
    --warning-subtle: color-mix(in srgb, #e2a478 12%, transparent);
    --warning-border: rgba(226, 164, 120, 0.35);
    --warning-border: color-mix(in srgb, #e2a478 35%, transparent);
    --warning-highlight-active: rgba(226, 164, 120, 0.65);
    --warning-highlight-active: color-mix(in srgb, #e2a478 65%, transparent);
    --warning-shadow: rgba(226, 164, 120, 0.12);
    --warning-shadow: color-mix(in srgb, #e2a478 12%, transparent);
    --warning-shadow-strong: rgba(226, 164, 120, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #e2a478 28%, transparent);
    --warning-pulse: rgba(226, 164, 120, 0.45);
    --warning-pulse: color-mix(in srgb, #e2a478 45%, transparent);
    --on-warning: #161821;
    --info: #89b8c2;
    --info-subtle: rgba(137, 184, 194, 0.12);
    --info-subtle: color-mix(in srgb, #89b8c2 12%, transparent);
    --info-shadow: rgba(137, 184, 194, 0.12);
    --info-shadow: color-mix(in srgb, #89b8c2 12%, transparent);
    --info-shadow-strong: rgba(137, 184, 194, 0.28);
    --info-shadow-strong: color-mix(in srgb, #89b8c2 28%, transparent);
    --on-info: #161821;
    --border: #2e313f;
    --border-light: #444858;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="apprentice"] {
    --bg-primary: #262626;
    --bg-secondary: #1c1c1c;
    --bg-tertiary: #303030;
    --bg-elevated: #3a3a3a;
    --text-primary: #bcbcbc;
    --text-secondary: #a8a8a8;
    --text-dim: #6c6c6c;
    --accent: #dadd87;
    --accent-hover: #e4e6a3;
    --accent-fg: #262626;
    --accent-subtle: rgba(218, 221, 135, 0.12);
    --accent-subtle: color-mix(in srgb, #dadd87 12%, transparent);
    --accent-glow: rgba(218, 221, 135, 0.28);
    --accent-glow: color-mix(in srgb, #dadd87 28%, transparent);
    --accent-wash: rgba(218, 221, 135, 0.05);
    --accent-wash: color-mix(in srgb, #dadd87 5%, transparent);
    --accent-border: rgba(218, 221, 135, 0.35);
    --accent-border: color-mix(in srgb, #dadd87 35%, transparent);
    --accent-muted: rgba(218, 221, 135, 0.18);
    --accent-muted: color-mix(in srgb, #dadd87 18%, transparent);
    --danger: #ff5f5f;
    --danger-hover: #ff8585;
    --danger-subtle: rgba(255, 95, 95, 0.12);
    --danger-subtle: color-mix(in srgb, #ff5f5f 12%, transparent);
    --danger-border: rgba(255, 95, 95, 0.35);
    --danger-border: color-mix(in srgb, #ff5f5f 35%, transparent);
    --danger-shadow: rgba(255, 95, 95, 0.15);
    --danger-shadow: color-mix(in srgb, #ff5f5f 15%, transparent);
    --danger-shadow-strong: rgba(255, 95, 95, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #ff5f5f 28%, transparent);
    --danger-shadow-subtle: rgba(255, 95, 95, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #ff5f5f 5%, transparent);
    --on-danger: #262626;
    --success: #87af87;
    --success-hover: #a1c1a1;
    --success-subtle: rgba(135, 175, 135, 0.12);
    --success-subtle: color-mix(in srgb, #87af87 12%, transparent);
    --success-border: rgba(135, 175, 135, 0.4);
    --success-border: color-mix(in srgb, #87af87 40%, transparent);
    --success-border-strong: rgba(135, 175, 135, 0.55);
    --success-border-strong: color-mix(in srgb, #87af87 55%, transparent);
    --success-shadow: rgba(135, 175, 135, 0.12);
    --success-shadow: color-mix(in srgb, #87af87 12%, transparent);
    --on-success: #262626;
    --warning: #ffaf5f;
    --warning-hover: #ffc285;
    --warning-subtle: rgba(255, 175, 95, 0.12);
    --warning-subtle: color-mix(in srgb, #ffaf5f 12%, transparent);
    --warning-border: rgba(255, 175, 95, 0.35);
    --warning-border: color-mix(in srgb, #ffaf5f 35%, transparent);
    --warning-highlight-active: rgba(255, 175, 95, 0.65);
    --warning-highlight-active: color-mix(in srgb, #ffaf5f 65%, transparent);
    --warning-shadow: rgba(255, 175, 95, 0.12);
    --warning-shadow: color-mix(in srgb, #ffaf5f 12%, transparent);
    --warning-shadow-strong: rgba(255, 175, 95, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #ffaf5f 28%, transparent);
    --warning-pulse: rgba(255, 175, 95, 0.45);
    --warning-pulse: color-mix(in srgb, #ffaf5f 45%, transparent);
    --on-warning: #262626;
    --info: #5f8787;
    --info-subtle: rgba(95, 135, 135, 0.12);
    --info-subtle: color-mix(in srgb, #5f8787 12%, transparent);
    --info-shadow: rgba(95, 135, 135, 0.12);
    --info-shadow: color-mix(in srgb, #5f8787 12%, transparent);
    --info-shadow-strong: rgba(95, 135, 135, 0.28);
    --info-shadow-strong: color-mix(in srgb, #5f8787 28%, transparent);
    --on-info: #262626;
    --border: #3a3a3a;
    --border-light: #4e4e4e;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="gruvbox-material-dark"] {
    --bg-primary: #282828;
    --bg-secondary: #1d2021;
    --bg-tertiary: #32302f;
    --bg-elevated: #3c3836;
    --text-primary: #d4be98;
    --text-secondary: #bdae93;
    --text-dim: #928374;
    --accent: #d8a657;
    --accent-hover: #e2b878;
    --accent-fg: #282828;
    --accent-subtle: rgba(216, 166, 87, 0.12);
    --accent-subtle: color-mix(in srgb, #d8a657 12%, transparent);
    --accent-glow: rgba(216, 166, 87, 0.28);
    --accent-glow: color-mix(in srgb, #d8a657 28%, transparent);
    --accent-wash: rgba(216, 166, 87, 0.05);
    --accent-wash: color-mix(in srgb, #d8a657 5%, transparent);
    --accent-border: rgba(216, 166, 87, 0.35);
    --accent-border: color-mix(in srgb, #d8a657 35%, transparent);
    --accent-muted: rgba(216, 166, 87, 0.18);
    --accent-muted: color-mix(in srgb, #d8a657 18%, transparent);
    --danger: #ea6962;
    --danger-hover: #ee8983;
    --danger-subtle: rgba(234, 105, 98, 0.12);
    --danger-subtle: color-mix(in srgb, #ea6962 12%, transparent);
    --danger-border: rgba(234, 105, 98, 0.35);
    --danger-border: color-mix(in srgb, #ea6962 35%, transparent);
    --danger-shadow: rgba(234, 105, 98, 0.15);
    --danger-shadow: color-mix(in srgb, #ea6962 15%, transparent);
    --danger-shadow-strong: rgba(234, 105, 98, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #ea6962 28%, transparent);
    --danger-shadow-subtle: rgba(234, 105, 98, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #ea6962 5%, transparent);
    --on-danger: #282828;
    --success: #a9b665;
    --success-hover: #bcc585;
    --success-subtle: rgba(169, 182, 101, 0.12);
    --success-subtle: color-mix(in srgb, #a9b665 12%, transparent);
    --success-border: rgba(169, 182, 101, 0.4);
    --success-border: color-mix(in srgb, #a9b665 40%, transparent);
    --success-border-strong: rgba(169, 182, 101, 0.55);
    --success-border-strong: color-mix(in srgb, #a9b665 55%, transparent);
    --success-shadow: rgba(169, 182, 101, 0.12);
    --success-shadow: color-mix(in srgb, #a9b665 12%, transparent);
    --on-success: #282828;
    --warning: #e78a4e;
    --warning-hover: #eba374;
    --warning-subtle: rgba(231, 138, 78, 0.12);
    --warning-subtle: color-mix(in srgb, #e78a4e 12%, transparent);
    --warning-border: rgba(231, 138, 78, 0.35);
    --warning-border: color-mix(in srgb, #e78a4e 35%, transparent);
    --warning-highlight-active: rgba(231, 138, 78, 0.65);
    --warning-highlight-active: color-mix(in srgb, #e78a4e 65%, transparent);
    --warning-shadow: rgba(231, 138, 78, 0.12);
    --warning-shadow: color-mix(in srgb, #e78a4e 12%, transparent);
    --warning-shadow-strong: rgba(231, 138, 78, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #e78a4e 28%, transparent);
    --warning-pulse: rgba(231, 138, 78, 0.45);
    --warning-pulse: color-mix(in srgb, #e78a4e 45%, transparent);
    --on-warning: #282828;
    --info: #7daea3;
    --info-subtle: rgba(125, 174, 163, 0.12);
    --info-subtle: color-mix(in srgb, #7daea3 12%, transparent);
    --info-shadow: rgba(125, 174, 163, 0.12);
    --info-shadow: color-mix(in srgb, #7daea3 12%, transparent);
    --info-shadow-strong: rgba(125, 174, 163, 0.28);
    --info-shadow-strong: color-mix(in srgb, #7daea3 28%, transparent);
    --on-info: #282828;
    --border: #3c3836;
    --border-light: #504945;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="ayu-light"] {
    --bg-primary: #fafafa;
    --bg-secondary: #f3f4f5;
    --bg-tertiary: #eceef0;
    --bg-elevated: #d9dbde;
    --text-primary: #5c6166;
    --text-secondary: #787b80;
    --text-dim: #8a9199;
    --accent: #ff9940;
    --accent-hover: #e07f20;
    --accent-fg: #ffffff;
    --accent-subtle: rgba(255, 153, 64, 0.1);
    --accent-subtle: color-mix(in srgb, #ff9940 10%, transparent);
    --accent-glow: rgba(255, 153, 64, 0.22);
    --accent-glow: color-mix(in srgb, #ff9940 22%, transparent);
    --accent-wash: rgba(255, 153, 64, 0.04);
    --accent-wash: color-mix(in srgb, #ff9940 4%, transparent);
    --accent-border: rgba(255, 153, 64, 0.3);
    --accent-border: color-mix(in srgb, #ff9940 30%, transparent);
    --accent-muted: rgba(255, 153, 64, 0.16);
    --accent-muted: color-mix(in srgb, #ff9940 16%, transparent);
    --danger: #e65050;
    --danger-hover: #c93b3b;
    --danger-subtle: rgba(230, 80, 80, 0.1);
    --danger-subtle: color-mix(in srgb, #e65050 10%, transparent);
    --danger-border: rgba(230, 80, 80, 0.3);
    --danger-border: color-mix(in srgb, #e65050 30%, transparent);
    --danger-shadow: rgba(230, 80, 80, 0.12);
    --danger-shadow: color-mix(in srgb, #e65050 12%, transparent);
    --danger-shadow-strong: rgba(230, 80, 80, 0.25);
    --danger-shadow-strong: color-mix(in srgb, #e65050 25%, transparent);
    --danger-shadow-subtle: rgba(230, 80, 80, 0.04);
    --danger-shadow-subtle: color-mix(in srgb, #e65050 4%, transparent);
    --on-danger: #ffffff;
    --success: #86b300;
    --success-hover: #6e9300;
    --success-subtle: rgba(134, 179, 0, 0.12);
    --success-subtle: color-mix(in srgb, #86b300 12%, transparent);
    --success-border: rgba(134, 179, 0, 0.35);
    --success-border: color-mix(in srgb, #86b300 35%, transparent);
    --success-border-strong: rgba(134, 179, 0, 0.5);
    --success-border-strong: color-mix(in srgb, #86b300 50%, transparent);
    --success-shadow: rgba(134, 179, 0, 0.1);
    --success-shadow: color-mix(in srgb, #86b300 10%, transparent);
    --on-success: #ffffff;
    --warning: #f2ae49;
    --warning-hover: #d9962f;
    --warning-subtle: rgba(242, 174, 73, 0.1);
    --warning-subtle: color-mix(in srgb, #f2ae49 10%, transparent);
    --warning-border: rgba(242, 174, 73, 0.3);
    --warning-border: color-mix(in srgb, #f2ae49 30%, transparent);
    --warning-highlight-active: rgba(242, 174, 73, 0.6);
    --warning-highlight-active: color-mix(in srgb, #f2ae49 60%, transparent);
    --warning-shadow: rgba(242, 174, 73, 0.1);
    --warning-shadow: color-mix(in srgb, #f2ae49 10%, transparent);
    --warning-shadow-strong: rgba(242, 174, 73, 0.22);
    --warning-shadow-strong: color-mix(in srgb, #f2ae49 22%, transparent);
    --warning-pulse: rgba(242, 174, 73, 0.4);
    --warning-pulse: color-mix(in srgb, #f2ae49 40%, transparent);
    --on-warning: #ffffff;
    --info: #55b4d4;
    --info-subtle: rgba(85, 180, 212, 0.1);
    --info-subtle: color-mix(in srgb, #55b4d4 10%, transparent);
    --info-shadow: rgba(85, 180, 212, 0.1);
    --info-shadow: color-mix(in srgb, #55b4d4 10%, transparent);
    --info-shadow-strong: rgba(85, 180, 212, 0.22);
    --info-shadow-strong: color-mix(in srgb, #55b4d4 22%, transparent);
    --on-info: #ffffff;
    --border: #d9dbde;
    --border-light: #bfc2c6;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.1);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.04);
}

[data-theme="one-light"] {
    --bg-primary: #fafafa;
    --bg-secondary: #f0f0f0;
    --bg-tertiary: #e5e5e6;
    --bg-elevated: #d3d3d3;
    --text-primary: #383a42;
    --text-secondary: #4f525d;
    --text-dim: #a0a1a7;
    --accent: #4078f2;
    --accent-hover: #2961d8;
    --accent-fg: #ffffff;
    --accent-subtle: rgba(64, 120, 242, 0.1);
    --accent-subtle: color-mix(in srgb, #4078f2 10%, transparent);
    --accent-glow: rgba(64, 120, 242, 0.22);
    --accent-glow: color-mix(in srgb, #4078f2 22%, transparent);
    --accent-wash: rgba(64, 120, 242, 0.04);
    --accent-wash: color-mix(in srgb, #4078f2 4%, transparent);
    --accent-border: rgba(64, 120, 242, 0.3);
    --accent-border: color-mix(in srgb, #4078f2 30%, transparent);
    --accent-muted: rgba(64, 120, 242, 0.16);
    --accent-muted: color-mix(in srgb, #4078f2 16%, transparent);
    --danger: #e45649;
    --danger-hover: #c43d31;
    --danger-subtle: rgba(228, 86, 73, 0.1);
    --danger-subtle: color-mix(in srgb, #e45649 10%, transparent);
    --danger-border: rgba(228, 86, 73, 0.3);
    --danger-border: color-mix(in srgb, #e45649 30%, transparent);
    --danger-shadow: rgba(228, 86, 73, 0.12);
    --danger-shadow: color-mix(in srgb, #e45649 12%, transparent);
    --danger-shadow-strong: rgba(228, 86, 73, 0.25);
    --danger-shadow-strong: color-mix(in srgb, #e45649 25%, transparent);
    --danger-shadow-subtle: rgba(228, 86, 73, 0.04);
    --danger-shadow-subtle: color-mix(in srgb, #e45649 4%, transparent);
    --on-danger: #ffffff;
    --success: #50a14f;
    --success-hover: #3e8a3d;
    --success-subtle: rgba(80, 161, 79, 0.12);
    --success-subtle: color-mix(in srgb, #50a14f 12%, transparent);
    --success-border: rgba(80, 161, 79, 0.35);
    --success-border: color-mix(in srgb, #50a14f 35%, transparent);
    --success-border-strong: rgba(80, 161, 79, 0.5);
    --success-border-strong: color-mix(in srgb, #50a14f 50%, transparent);
    --success-shadow: rgba(80, 161, 79, 0.1);
    --success-shadow: color-mix(in srgb, #50a14f 10%, transparent);
    --on-success: #ffffff;
    --warning: #c18401;
    --warning-hover: #a16d00;
    --warning-subtle: rgba(193, 132, 1, 0.1);
    --warning-subtle: color-mix(in srgb, #c18401 10%, transparent);
    --warning-border: rgba(193, 132, 1, 0.3);
    --warning-border: color-mix(in srgb, #c18401 30%, transparent);
    --warning-highlight-active: rgba(193, 132, 1, 0.6);
    --warning-highlight-active: color-mix(in srgb, #c18401 60%, transparent);
    --warning-shadow: rgba(193, 132, 1, 0.1);
    --warning-shadow: color-mix(in srgb, #c18401 10%, transparent);
    --warning-shadow-strong: rgba(193, 132, 1, 0.22);
    --warning-shadow-strong: color-mix(in srgb, #c18401 22%, transparent);
    --warning-pulse: rgba(193, 132, 1, 0.4);
    --warning-pulse: color-mix(in srgb, #c18401 40%, transparent);
    --on-warning: #ffffff;
    --info: #0184bc;
    --info-subtle: rgba(1, 132, 188, 0.1);
    --info-subtle: color-mix(in srgb, #0184bc 10%, transparent);
    --info-shadow: rgba(1, 132, 188, 0.1);
    --info-shadow: color-mix(in srgb, #0184bc 10%, transparent);
    --info-shadow-strong: rgba(1, 132, 188, 0.22);
    --info-shadow-strong: color-mix(in srgb, #0184bc 22%, transparent);
    --on-info: #ffffff;
    --border: #d3d3d3;
    --border-light: #b8b8b8;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.1);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.04);
}

[data-theme="protanopia"] {
    --bg-primary: #0f1419;
    --bg-secondary: #161d26;
    --bg-tertiary: #1f2934;
    --bg-elevated: #283544;
    --text-primary: #e8eef5;
    --text-secondary: #a4b1c0;
    --text-dim: #6c7a89;
    --accent: #6aa9e9;
    --accent-hover: #8ec0f0;
    --accent-fg: #0f1419;
    --accent-subtle: rgba(106, 169, 233, 0.12);
    --accent-subtle: color-mix(in srgb, #6aa9e9 12%, transparent);
    --accent-glow: rgba(106, 169, 233, 0.28);
    --accent-glow: color-mix(in srgb, #6aa9e9 28%, transparent);
    --accent-wash: rgba(106, 169, 233, 0.05);
    --accent-wash: color-mix(in srgb, #6aa9e9 5%, transparent);
    --accent-border: rgba(106, 169, 233, 0.35);
    --accent-border: color-mix(in srgb, #6aa9e9 35%, transparent);
    --accent-muted: rgba(106, 169, 233, 0.18);
    --accent-muted: color-mix(in srgb, #6aa9e9 18%, transparent);
    --danger: #d8a13a;
    --danger-hover: #e6b860;
    --danger-subtle: rgba(216, 161, 58, 0.12);
    --danger-subtle: color-mix(in srgb, #d8a13a 12%, transparent);
    --danger-border: rgba(216, 161, 58, 0.35);
    --danger-border: color-mix(in srgb, #d8a13a 35%, transparent);
    --danger-shadow: rgba(216, 161, 58, 0.15);
    --danger-shadow: color-mix(in srgb, #d8a13a 15%, transparent);
    --danger-shadow-strong: rgba(216, 161, 58, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #d8a13a 28%, transparent);
    --danger-shadow-subtle: rgba(216, 161, 58, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #d8a13a 5%, transparent);
    --on-danger: #0f1419;
    --success: #4fb3d8;
    --success-hover: #78c6e2;
    --success-subtle: rgba(79, 179, 216, 0.12);
    --success-subtle: color-mix(in srgb, #4fb3d8 12%, transparent);
    --success-border: rgba(79, 179, 216, 0.4);
    --success-border: color-mix(in srgb, #4fb3d8 40%, transparent);
    --success-border-strong: rgba(79, 179, 216, 0.55);
    --success-border-strong: color-mix(in srgb, #4fb3d8 55%, transparent);
    --success-shadow: rgba(79, 179, 216, 0.12);
    --success-shadow: color-mix(in srgb, #4fb3d8 12%, transparent);
    --on-success: #0f1419;
    --warning: #ecd07a;
    --warning-hover: #f3dd9c;
    --warning-subtle: rgba(236, 208, 122, 0.12);
    --warning-subtle: color-mix(in srgb, #ecd07a 12%, transparent);
    --warning-border: rgba(236, 208, 122, 0.35);
    --warning-border: color-mix(in srgb, #ecd07a 35%, transparent);
    --warning-highlight-active: rgba(236, 208, 122, 0.65);
    --warning-highlight-active: color-mix(in srgb, #ecd07a 65%, transparent);
    --warning-shadow: rgba(236, 208, 122, 0.12);
    --warning-shadow: color-mix(in srgb, #ecd07a 12%, transparent);
    --warning-shadow-strong: rgba(236, 208, 122, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #ecd07a 28%, transparent);
    --warning-pulse: rgba(236, 208, 122, 0.45);
    --warning-pulse: color-mix(in srgb, #ecd07a 45%, transparent);
    --on-warning: #0f1419;
    --info: #99c5ea;
    --info-subtle: rgba(153, 197, 234, 0.12);
    --info-subtle: color-mix(in srgb, #99c5ea 12%, transparent);
    --info-shadow: rgba(153, 197, 234, 0.12);
    --info-shadow: color-mix(in srgb, #99c5ea 12%, transparent);
    --info-shadow-strong: rgba(153, 197, 234, 0.28);
    --info-shadow-strong: color-mix(in srgb, #99c5ea 28%, transparent);
    --on-info: #0f1419;
    --border: #1f2934;
    --border-light: #374555;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="achromatopsia"] {
    --bg-primary: #0a0a0a;
    --bg-secondary: #141414;
    --bg-tertiary: #1f1f1f;
    --bg-elevated: #2a2a2a;
    --text-primary: #f5f5f5;
    --text-secondary: #c8c8c8;
    --text-dim: #8a8a8a;
    --accent: #d8d8d8;
    --accent-hover: #ffffff;
    --accent-fg: #0a0a0a;
    --accent-subtle: rgba(216, 216, 216, 0.14);
    --accent-subtle: color-mix(in srgb, #d8d8d8 14%, transparent);
    --accent-glow: rgba(216, 216, 216, 0.32);
    --accent-glow: color-mix(in srgb, #d8d8d8 32%, transparent);
    --accent-wash: rgba(216, 216, 216, 0.06);
    --accent-wash: color-mix(in srgb, #d8d8d8 6%, transparent);
    --accent-border: rgba(216, 216, 216, 0.42);
    --accent-border: color-mix(in srgb, #d8d8d8 42%, transparent);
    --accent-muted: rgba(216, 216, 216, 0.2);
    --accent-muted: color-mix(in srgb, #d8d8d8 20%, transparent);
    --danger: #6a6a6a;
    --danger-hover: #858585;
    --danger-subtle: rgba(106, 106, 106, 0.18);
    --danger-subtle: color-mix(in srgb, #6a6a6a 18%, transparent);
    --danger-border: rgba(106, 106, 106, 0.5);
    --danger-border: color-mix(in srgb, #6a6a6a 50%, transparent);
    --danger-shadow: rgba(106, 106, 106, 0.2);
    --danger-shadow: color-mix(in srgb, #6a6a6a 20%, transparent);
    --danger-shadow-strong: rgba(106, 106, 106, 0.35);
    --danger-shadow-strong: color-mix(in srgb, #6a6a6a 35%, transparent);
    --danger-shadow-subtle: rgba(106, 106, 106, 0.08);
    --danger-shadow-subtle: color-mix(in srgb, #6a6a6a 8%, transparent);
    --on-danger: #ffffff;
    --success: #b8b8b8;
    --success-hover: #d0d0d0;
    --success-subtle: rgba(184, 184, 184, 0.14);
    --success-subtle: color-mix(in srgb, #b8b8b8 14%, transparent);
    --success-border: rgba(184, 184, 184, 0.45);
    --success-border: color-mix(in srgb, #b8b8b8 45%, transparent);
    --success-border-strong: rgba(184, 184, 184, 0.6);
    --success-border-strong: color-mix(in srgb, #b8b8b8 60%, transparent);
    --success-shadow: rgba(184, 184, 184, 0.14);
    --success-shadow: color-mix(in srgb, #b8b8b8 14%, transparent);
    --on-success: #0a0a0a;
    --warning: #9a9a9a;
    --warning-hover: #b0b0b0;
    --warning-subtle: rgba(154, 154, 154, 0.14);
    --warning-subtle: color-mix(in srgb, #9a9a9a 14%, transparent);
    --warning-border: rgba(154, 154, 154, 0.45);
    --warning-border: color-mix(in srgb, #9a9a9a 45%, transparent);
    --warning-highlight-active: rgba(154, 154, 154, 0.7);
    --warning-highlight-active: color-mix(in srgb, #9a9a9a 70%, transparent);
    --warning-shadow: rgba(154, 154, 154, 0.14);
    --warning-shadow: color-mix(in srgb, #9a9a9a 14%, transparent);
    --warning-shadow-strong: rgba(154, 154, 154, 0.3);
    --warning-shadow-strong: color-mix(in srgb, #9a9a9a 30%, transparent);
    --warning-pulse: rgba(154, 154, 154, 0.5);
    --warning-pulse: color-mix(in srgb, #9a9a9a 50%, transparent);
    --on-warning: #0a0a0a;
    --info: #a8a8a8;
    --info-subtle: rgba(168, 168, 168, 0.14);
    --info-subtle: color-mix(in srgb, #a8a8a8 14%, transparent);
    --info-shadow: rgba(168, 168, 168, 0.14);
    --info-shadow: color-mix(in srgb, #a8a8a8 14%, transparent);
    --info-shadow-strong: rgba(168, 168, 168, 0.3);
    --info-shadow-strong: color-mix(in srgb, #a8a8a8 30%, transparent);
    --on-info: #0a0a0a;
    --border: #2a2a2a;
    --border-light: #454545;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.5);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.6);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.7);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.4);
}

[data-theme="vesper"] {
    --bg-primary: #101010;
    --bg-secondary: #161616;
    --bg-tertiary: #1c1c1c;
    --bg-elevated: #232323;
    --text-primary: #ffffff;
    --text-secondary: #a0a0a0;
    --text-dim: #8b8b8b;
    --accent: #ffc799;
    --accent-hover: #ffd9b8;
    --accent-fg: #101010;
    --accent-subtle: rgba(255, 199, 153, 0.12);
    --accent-subtle: color-mix(in srgb, #ffc799 12%, transparent);
    --accent-glow: rgba(255, 199, 153, 0.3);
    --accent-glow: color-mix(in srgb, #ffc799 30%, transparent);
    --accent-wash: rgba(255, 199, 153, 0.05);
    --accent-wash: color-mix(in srgb, #ffc799 5%, transparent);
    --accent-border: rgba(255, 199, 153, 0.35);
    --accent-border: color-mix(in srgb, #ffc799 35%, transparent);
    --accent-muted: rgba(255, 199, 153, 0.18);
    --accent-muted: color-mix(in srgb, #ffc799 18%, transparent);
    --danger: #ff8080;
    --danger-hover: #ffa1a1;
    --danger-subtle: rgba(255, 128, 128, 0.12);
    --danger-subtle: color-mix(in srgb, #ff8080 12%, transparent);
    --danger-border: rgba(255, 128, 128, 0.35);
    --danger-border: color-mix(in srgb, #ff8080 35%, transparent);
    --danger-shadow: rgba(255, 128, 128, 0.15);
    --danger-shadow: color-mix(in srgb, #ff8080 15%, transparent);
    --danger-shadow-strong: rgba(255, 128, 128, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #ff8080 28%, transparent);
    --danger-shadow-subtle: rgba(255, 128, 128, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #ff8080 5%, transparent);
    --on-danger: #101010;
    --success: #99ffe4;
    --success-hover: #b8ffec;
    --success-subtle: rgba(153, 255, 228, 0.12);
    --success-subtle: color-mix(in srgb, #99ffe4 12%, transparent);
    --success-border: rgba(153, 255, 228, 0.4);
    --success-border: color-mix(in srgb, #99ffe4 40%, transparent);
    --success-border-strong: rgba(153, 255, 228, 0.55);
    --success-border-strong: color-mix(in srgb, #99ffe4 55%, transparent);
    --success-shadow: rgba(153, 255, 228, 0.12);
    --success-shadow: color-mix(in srgb, #99ffe4 12%, transparent);
    --on-success: #101010;
    --warning: #ff9070;
    --warning-hover: #ffaa90;
    --warning-subtle: rgba(255, 144, 112, 0.12);
    --warning-subtle: color-mix(in srgb, #ff9070 12%, transparent);
    --warning-border: rgba(255, 144, 112, 0.35);
    --warning-border: color-mix(in srgb, #ff9070 35%, transparent);
    --warning-highlight-active: rgba(255, 144, 112, 0.65);
    --warning-highlight-active: color-mix(in srgb, #ff9070 65%, transparent);
    --warning-shadow: rgba(255, 144, 112, 0.12);
    --warning-shadow: color-mix(in srgb, #ff9070 12%, transparent);
    --warning-shadow-strong: rgba(255, 144, 112, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #ff9070 28%, transparent);
    --warning-pulse: rgba(255, 144, 112, 0.45);
    --warning-pulse: color-mix(in srgb, #ff9070 45%, transparent);
    --on-warning: #101010;
    --info: #a0a0a0;
    --info-subtle: rgba(160, 160, 160, 0.12);
    --info-subtle: color-mix(in srgb, #a0a0a0 12%, transparent);
    --info-shadow: rgba(160, 160, 160, 0.12);
    --info-shadow: color-mix(in srgb, #a0a0a0 12%, transparent);
    --info-shadow-strong: rgba(160, 160, 160, 0.28);
    --info-shadow-strong: color-mix(in srgb, #a0a0a0 28%, transparent);
    --on-info: #101010;
    --border: #232323;
    --border-light: #2f2f2f;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.5);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.6);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.7);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.4);
}

[data-theme="poimandres"] {
    --bg-primary: #1b1e28;
    --bg-secondary: #252b37;
    --bg-tertiary: #2e3440;
    --bg-elevated: #393f4d;
    --text-primary: #e4f0fb;
    --text-secondary: #a6accd;
    --text-dim: #767c9d;
    --accent: #5de4c7;
    --accent-hover: #82ead4;
    --accent-fg: #1b1e28;
    --accent-subtle: rgba(93, 228, 199, 0.12);
    --accent-subtle: color-mix(in srgb, #5de4c7 12%, transparent);
    --accent-glow: rgba(93, 228, 199, 0.28);
    --accent-glow: color-mix(in srgb, #5de4c7 28%, transparent);
    --accent-wash: rgba(93, 228, 199, 0.05);
    --accent-wash: color-mix(in srgb, #5de4c7 5%, transparent);
    --accent-border: rgba(93, 228, 199, 0.35);
    --accent-border: color-mix(in srgb, #5de4c7 35%, transparent);
    --accent-muted: rgba(93, 228, 199, 0.18);
    --accent-muted: color-mix(in srgb, #5de4c7 18%, transparent);
    --danger: #d0679d;
    --danger-hover: #db86b1;
    --danger-subtle: rgba(208, 103, 157, 0.12);
    --danger-subtle: color-mix(in srgb, #d0679d 12%, transparent);
    --danger-border: rgba(208, 103, 157, 0.35);
    --danger-border: color-mix(in srgb, #d0679d 35%, transparent);
    --danger-shadow: rgba(208, 103, 157, 0.15);
    --danger-shadow: color-mix(in srgb, #d0679d 15%, transparent);
    --danger-shadow-strong: rgba(208, 103, 157, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #d0679d 28%, transparent);
    --danger-shadow-subtle: rgba(208, 103, 157, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #d0679d 5%, transparent);
    --on-danger: #1b1e28;
    --success: #5fb3a1;
    --success-hover: #7fc4b4;
    --success-subtle: rgba(95, 179, 161, 0.12);
    --success-subtle: color-mix(in srgb, #5fb3a1 12%, transparent);
    --success-border: rgba(95, 179, 161, 0.4);
    --success-border: color-mix(in srgb, #5fb3a1 40%, transparent);
    --success-border-strong: rgba(95, 179, 161, 0.55);
    --success-border-strong: color-mix(in srgb, #5fb3a1 55%, transparent);
    --success-shadow: rgba(95, 179, 161, 0.12);
    --success-shadow: color-mix(in srgb, #5fb3a1 12%, transparent);
    --on-success: #1b1e28;
    --warning: #fffac2;
    --warning-hover: #fffbd6;
    --warning-subtle: rgba(255, 250, 194, 0.12);
    --warning-subtle: color-mix(in srgb, #fffac2 12%, transparent);
    --warning-border: rgba(255, 250, 194, 0.35);
    --warning-border: color-mix(in srgb, #fffac2 35%, transparent);
    --warning-highlight-active: rgba(255, 250, 194, 0.65);
    --warning-highlight-active: color-mix(in srgb, #fffac2 65%, transparent);
    --warning-shadow: rgba(255, 250, 194, 0.12);
    --warning-shadow: color-mix(in srgb, #fffac2 12%, transparent);
    --warning-shadow-strong: rgba(255, 250, 194, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #fffac2 28%, transparent);
    --warning-pulse: rgba(255, 250, 194, 0.45);
    --warning-pulse: color-mix(in srgb, #fffac2 45%, transparent);
    --on-warning: #1b1e28;
    --info: #89ddff;
    --info-subtle: rgba(137, 221, 255, 0.12);
    --info-subtle: color-mix(in srgb, #89ddff 12%, transparent);
    --info-shadow: rgba(137, 221, 255, 0.12);
    --info-shadow: color-mix(in srgb, #89ddff 12%, transparent);
    --info-shadow-strong: rgba(137, 221, 255, 0.28);
    --info-shadow-strong: color-mix(in srgb, #89ddff 28%, transparent);
    --on-info: #1b1e28;
    --border: #2e3440;
    --border-light: #4b5263;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}


[data-theme="high-contrast-light"] {
    --bg-primary: #ffffff;
    --bg-secondary: #f4f4f4;
    --bg-tertiary: #e6e6e6;
    --bg-elevated: #d6d6d6;
    --text-primary: #000000;
    --text-secondary: #0a0a0a;
    --text-dim: #2a2a2a;
    --accent: #0000c8;
    --accent-hover: #0000ff;
    --accent-fg: #ffffff;
    --accent-subtle: rgba(0, 0, 200, 0.14);
    --accent-subtle: color-mix(in srgb, #0000c8 14%, transparent);
    --accent-glow: rgba(0, 0, 200, 0.35);
    --accent-glow: color-mix(in srgb, #0000c8 35%, transparent);
    --accent-wash: rgba(0, 0, 200, 0.06);
    --accent-wash: color-mix(in srgb, #0000c8 6%, transparent);
    --accent-border: rgba(0, 0, 200, 0.6);
    --accent-border: color-mix(in srgb, #0000c8 60%, transparent);
    --accent-muted: rgba(0, 0, 200, 0.22);
    --accent-muted: color-mix(in srgb, #0000c8 22%, transparent);
    --danger: #b00020;
    --danger-hover: #d10027;
    --danger-subtle: rgba(176, 0, 32, 0.14);
    --danger-subtle: color-mix(in srgb, #b00020 14%, transparent);
    --danger-border: rgba(176, 0, 32, 0.55);
    --danger-border: color-mix(in srgb, #b00020 55%, transparent);
    --danger-shadow: rgba(176, 0, 32, 0.18);
    --danger-shadow: color-mix(in srgb, #b00020 18%, transparent);
    --danger-shadow-strong: rgba(176, 0, 32, 0.32);
    --danger-shadow-strong: color-mix(in srgb, #b00020 32%, transparent);
    --danger-shadow-subtle: rgba(176, 0, 32, 0.06);
    --danger-shadow-subtle: color-mix(in srgb, #b00020 6%, transparent);
    --on-danger: #ffffff;
    --success: #006400;
    --success-hover: #007a00;
    --success-subtle: rgba(0, 100, 0, 0.14);
    --success-subtle: color-mix(in srgb, #006400 14%, transparent);
    --success-border: rgba(0, 100, 0, 0.55);
    --success-border: color-mix(in srgb, #006400 55%, transparent);
    --success-border-strong: rgba(0, 100, 0, 0.7);
    --success-border-strong: color-mix(in srgb, #006400 70%, transparent);
    --success-shadow: rgba(0, 100, 0, 0.14);
    --success-shadow: color-mix(in srgb, #006400 14%, transparent);
    --on-success: #ffffff;
    --warning: #8a4b00;
    --warning-hover: #a55a00;
    --warning-subtle: rgba(138, 75, 0, 0.14);
    --warning-subtle: color-mix(in srgb, #8a4b00 14%, transparent);
    --warning-border: rgba(138, 75, 0, 0.55);
    --warning-border: color-mix(in srgb, #8a4b00 55%, transparent);
    --warning-highlight-active: rgba(138, 75, 0, 0.65);
    --warning-highlight-active: color-mix(in srgb, #8a4b00 65%, transparent);
    --warning-shadow: rgba(138, 75, 0, 0.14);
    --warning-shadow: color-mix(in srgb, #8a4b00 14%, transparent);
    --warning-shadow-strong: rgba(138, 75, 0, 0.32);
    --warning-shadow-strong: color-mix(in srgb, #8a4b00 32%, transparent);
    --warning-pulse: rgba(138, 75, 0, 0.55);
    --warning-pulse: color-mix(in srgb, #8a4b00 55%, transparent);
    --on-warning: #ffffff;
    --info: #004f7a;
    --info-subtle: rgba(0, 79, 122, 0.14);
    --info-subtle: color-mix(in srgb, #004f7a 14%, transparent);
    --info-shadow: rgba(0, 79, 122, 0.14);
    --info-shadow: color-mix(in srgb, #004f7a 14%, transparent);
    --info-shadow-strong: rgba(0, 79, 122, 0.32);
    --info-shadow-strong: color-mix(in srgb, #004f7a 32%, transparent);
    --on-info: #ffffff;
    --border: #000000;
    --border-light: #4a4a4a;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.18);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.22);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.28);
    --shadow-inset: inset 0 1px 3px rgba(0, 0, 0, 0.12);
}

[data-theme="nightfox"] {
    --bg-primary: #192330;
    --bg-secondary: #212e3f;
    --bg-tertiary: #29394f;
    --bg-elevated: #39506d;
    --text-primary: #cdcecf;
    --text-secondary: #aeafb0;
    --text-dim: #738091;
    --accent: #719cd6;
    --accent-hover: #8eb5e6;
    --accent-fg: #131a24;
    --accent-subtle: rgba(113, 156, 214, 0.12);
    --accent-subtle: color-mix(in srgb, #719cd6 12%, transparent);
    --accent-glow: rgba(113, 156, 214, 0.3);
    --accent-glow: color-mix(in srgb, #719cd6 30%, transparent);
    --accent-wash: rgba(113, 156, 214, 0.05);
    --accent-wash: color-mix(in srgb, #719cd6 5%, transparent);
    --accent-border: rgba(113, 156, 214, 0.4);
    --accent-border: color-mix(in srgb, #719cd6 40%, transparent);
    --accent-muted: rgba(113, 156, 214, 0.2);
    --accent-muted: color-mix(in srgb, #719cd6 20%, transparent);
    --danger: #c94f6d;
    --danger-hover: #db6f88;
    --danger-subtle: rgba(201, 79, 109, 0.12);
    --danger-subtle: color-mix(in srgb, #c94f6d 12%, transparent);
    --danger-border: rgba(201, 79, 109, 0.35);
    --danger-border: color-mix(in srgb, #c94f6d 35%, transparent);
    --danger-shadow: rgba(201, 79, 109, 0.15);
    --danger-shadow: color-mix(in srgb, #c94f6d 15%, transparent);
    --danger-shadow-strong: rgba(201, 79, 109, 0.3);
    --danger-shadow-strong: color-mix(in srgb, #c94f6d 30%, transparent);
    --danger-shadow-subtle: rgba(201, 79, 109, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #c94f6d 5%, transparent);
    --on-danger: #131a24;
    --success: #81b29a;
    --success-hover: #9bc2ad;
    --success-subtle: rgba(129, 178, 154, 0.12);
    --success-subtle: color-mix(in srgb, #81b29a 12%, transparent);
    --success-border: rgba(129, 178, 154, 0.4);
    --success-border: color-mix(in srgb, #81b29a 40%, transparent);
    --success-border-strong: rgba(129, 178, 154, 0.55);
    --success-border-strong: color-mix(in srgb, #81b29a 55%, transparent);
    --success-shadow: rgba(129, 178, 154, 0.12);
    --success-shadow: color-mix(in srgb, #81b29a 12%, transparent);
    --on-success: #131a24;
    --warning: #dbc074;
    --warning-hover: #e6cf91;
    --warning-subtle: rgba(219, 192, 116, 0.12);
    --warning-subtle: color-mix(in srgb, #dbc074 12%, transparent);
    --warning-border: rgba(219, 192, 116, 0.35);
    --warning-border: color-mix(in srgb, #dbc074 35%, transparent);
    --warning-highlight-active: rgba(219, 192, 116, 0.65);
    --warning-highlight-active: color-mix(in srgb, #dbc074 65%, transparent);
    --warning-shadow: rgba(219, 192, 116, 0.12);
    --warning-shadow: color-mix(in srgb, #dbc074 12%, transparent);
    --warning-shadow-strong: rgba(219, 192, 116, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #dbc074 28%, transparent);
    --warning-pulse: rgba(219, 192, 116, 0.45);
    --warning-pulse: color-mix(in srgb, #dbc074 45%, transparent);
    --on-warning: #131a24;
    --info: #63cdcf;
    --info-subtle: rgba(99, 205, 207, 0.12);
    --info-subtle: color-mix(in srgb, #63cdcf 12%, transparent);
    --info-shadow: rgba(99, 205, 207, 0.12);
    --info-shadow: color-mix(in srgb, #63cdcf 12%, transparent);
    --info-shadow-strong: rgba(99, 205, 207, 0.28);
    --info-shadow-strong: color-mix(in srgb, #63cdcf 28%, transparent);
    --on-info: #131a24;
    --border: #29394f;
    --border-light: #4a5b75;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="sonokai"] {
    --bg-primary: #2c2e34;
    --bg-secondary: #33353f;
    --bg-tertiary: #3b3d48;
    --bg-elevated: #474a55;
    --text-primary: #e2e2e3;
    --text-secondary: #b6b6b8;
    --text-dim: #7f8490;
    --accent: #9ed072;
    --accent-hover: #b3dc8d;
    --accent-fg: #2c2e34;
    --accent-subtle: rgba(158, 208, 114, 0.12);
    --accent-subtle: color-mix(in srgb, #9ed072 12%, transparent);
    --accent-glow: rgba(158, 208, 114, 0.28);
    --accent-glow: color-mix(in srgb, #9ed072 28%, transparent);
    --accent-wash: rgba(158, 208, 114, 0.05);
    --accent-wash: color-mix(in srgb, #9ed072 5%, transparent);
    --accent-border: rgba(158, 208, 114, 0.38);
    --accent-border: color-mix(in srgb, #9ed072 38%, transparent);
    --accent-muted: rgba(158, 208, 114, 0.2);
    --accent-muted: color-mix(in srgb, #9ed072 20%, transparent);
    --danger: #fc5d7c;
    --danger-hover: #ff7e95;
    --danger-subtle: rgba(252, 93, 124, 0.12);
    --danger-subtle: color-mix(in srgb, #fc5d7c 12%, transparent);
    --danger-border: rgba(252, 93, 124, 0.35);
    --danger-border: color-mix(in srgb, #fc5d7c 35%, transparent);
    --danger-shadow: rgba(252, 93, 124, 0.15);
    --danger-shadow: color-mix(in srgb, #fc5d7c 15%, transparent);
    --danger-shadow-strong: rgba(252, 93, 124, 0.3);
    --danger-shadow-strong: color-mix(in srgb, #fc5d7c 30%, transparent);
    --danger-shadow-subtle: rgba(252, 93, 124, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #fc5d7c 5%, transparent);
    --on-danger: #2c2e34;
    --success: #76cce0;
    --success-hover: #93d7e7;
    --success-subtle: rgba(118, 204, 224, 0.12);
    --success-subtle: color-mix(in srgb, #76cce0 12%, transparent);
    --success-border: rgba(118, 204, 224, 0.4);
    --success-border: color-mix(in srgb, #76cce0 40%, transparent);
    --success-border-strong: rgba(118, 204, 224, 0.55);
    --success-border-strong: color-mix(in srgb, #76cce0 55%, transparent);
    --success-shadow: rgba(118, 204, 224, 0.12);
    --success-shadow: color-mix(in srgb, #76cce0 12%, transparent);
    --on-success: #2c2e34;
    --warning: #e7c664;
    --warning-hover: #ecd185;
    --warning-subtle: rgba(231, 198, 100, 0.12);
    --warning-subtle: color-mix(in srgb, #e7c664 12%, transparent);
    --warning-border: rgba(231, 198, 100, 0.35);
    --warning-border: color-mix(in srgb, #e7c664 35%, transparent);
    --warning-highlight-active: rgba(231, 198, 100, 0.65);
    --warning-highlight-active: color-mix(in srgb, #e7c664 65%, transparent);
    --warning-shadow: rgba(231, 198, 100, 0.12);
    --warning-shadow: color-mix(in srgb, #e7c664 12%, transparent);
    --warning-shadow-strong: rgba(231, 198, 100, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #e7c664 28%, transparent);
    --warning-pulse: rgba(231, 198, 100, 0.45);
    --warning-pulse: color-mix(in srgb, #e7c664 45%, transparent);
    --on-warning: #2c2e34;
    --info: #b39df3;
    --info-subtle: rgba(179, 157, 243, 0.12);
    --info-subtle: color-mix(in srgb, #b39df3 12%, transparent);
    --info-shadow: rgba(179, 157, 243, 0.12);
    --info-shadow: color-mix(in srgb, #b39df3 12%, transparent);
    --info-shadow-strong: rgba(179, 157, 243, 0.28);
    --info-shadow-strong: color-mix(in srgb, #b39df3 28%, transparent);
    --on-info: #2c2e34;
    --border: #3b3d48;
    --border-light: #555761;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="paper-light"] {
    --bg-primary: #eeeeee;
    --bg-secondary: #e4e4e4;
    --bg-tertiary: #d8d8d8;
    --bg-elevated: #cccccc;
    --text-primary: #1c1c1c;
    --text-secondary: #444444;
    --text-dim: #6c6c6c;
    --accent: #005f87;
    --accent-hover: #0077a8;
    --accent-fg: #eeeeee;
    --accent-subtle: rgba(0, 95, 135, 0.14);
    --accent-subtle: color-mix(in srgb, #005f87 14%, transparent);
    --accent-glow: rgba(0, 95, 135, 0.3);
    --accent-glow: color-mix(in srgb, #005f87 30%, transparent);
    --accent-wash: rgba(0, 95, 135, 0.06);
    --accent-wash: color-mix(in srgb, #005f87 6%, transparent);
    --accent-border: rgba(0, 95, 135, 0.45);
    --accent-border: color-mix(in srgb, #005f87 45%, transparent);
    --accent-muted: rgba(0, 95, 135, 0.22);
    --accent-muted: color-mix(in srgb, #005f87 22%, transparent);
    --danger: #af0000;
    --danger-hover: #cf0a0a;
    --danger-subtle: rgba(175, 0, 0, 0.14);
    --danger-subtle: color-mix(in srgb, #af0000 14%, transparent);
    --danger-border: rgba(175, 0, 0, 0.45);
    --danger-border: color-mix(in srgb, #af0000 45%, transparent);
    --danger-shadow: rgba(175, 0, 0, 0.18);
    --danger-shadow: color-mix(in srgb, #af0000 18%, transparent);
    --danger-shadow-strong: rgba(175, 0, 0, 0.32);
    --danger-shadow-strong: color-mix(in srgb, #af0000 32%, transparent);
    --danger-shadow-subtle: rgba(175, 0, 0, 0.06);
    --danger-shadow-subtle: color-mix(in srgb, #af0000 6%, transparent);
    --on-danger: #eeeeee;
    --success: #5f8700;
    --success-hover: #6f9a05;
    --success-subtle: rgba(95, 135, 0, 0.14);
    --success-subtle: color-mix(in srgb, #5f8700 14%, transparent);
    --success-border: rgba(95, 135, 0, 0.45);
    --success-border: color-mix(in srgb, #5f8700 45%, transparent);
    --success-border-strong: rgba(95, 135, 0, 0.6);
    --success-border-strong: color-mix(in srgb, #5f8700 60%, transparent);
    --success-shadow: rgba(95, 135, 0, 0.14);
    --success-shadow: color-mix(in srgb, #5f8700 14%, transparent);
    --on-success: #eeeeee;
    --warning: #8700af;
    --warning-hover: #9a14c2;
    --warning-subtle: rgba(135, 0, 175, 0.14);
    --warning-subtle: color-mix(in srgb, #8700af 14%, transparent);
    --warning-border: rgba(135, 0, 175, 0.45);
    --warning-border: color-mix(in srgb, #8700af 45%, transparent);
    --warning-highlight-active: rgba(135, 0, 175, 0.6);
    --warning-highlight-active: color-mix(in srgb, #8700af 60%, transparent);
    --warning-shadow: rgba(135, 0, 175, 0.14);
    --warning-shadow: color-mix(in srgb, #8700af 14%, transparent);
    --warning-shadow-strong: rgba(135, 0, 175, 0.3);
    --warning-shadow-strong: color-mix(in srgb, #8700af 30%, transparent);
    --warning-pulse: rgba(135, 0, 175, 0.45);
    --warning-pulse: color-mix(in srgb, #8700af 45%, transparent);
    --on-warning: #eeeeee;
    --info: #0087af;
    --info-subtle: rgba(0, 135, 175, 0.14);
    --info-subtle: color-mix(in srgb, #0087af 14%, transparent);
    --info-shadow: rgba(0, 135, 175, 0.14);
    --info-shadow: color-mix(in srgb, #0087af 14%, transparent);
    --info-shadow-strong: rgba(0, 135, 175, 0.3);
    --info-shadow-strong: color-mix(in srgb, #0087af 30%, transparent);
    --on-info: #eeeeee;
    --border: #c0c0c0;
    --border-light: #d4d4d4;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.16);
    --shadow-inset: inset 0 1px 3px rgba(0, 0, 0, 0.08);
}

[data-theme="modus-vivendi"] {
    --bg-primary: #000000;
    --bg-secondary: #100f10;
    --bg-tertiary: #1e1e1e;
    --bg-elevated: #2a2a2a;
    --text-primary: #ffffff;
    --text-secondary: #e0e0e0;
    --text-dim: #a8a8a8;
    --accent: #2fafff;
    --accent-hover: #5cc0ff;
    --accent-fg: #000000;
    --accent-subtle: rgba(47, 175, 255, 0.14);
    --accent-subtle: color-mix(in srgb, #2fafff 14%, transparent);
    --accent-glow: rgba(47, 175, 255, 0.35);
    --accent-glow: color-mix(in srgb, #2fafff 35%, transparent);
    --accent-wash: rgba(47, 175, 255, 0.06);
    --accent-wash: color-mix(in srgb, #2fafff 6%, transparent);
    --accent-border: rgba(47, 175, 255, 0.45);
    --accent-border: color-mix(in srgb, #2fafff 45%, transparent);
    --accent-muted: rgba(47, 175, 255, 0.22);
    --accent-muted: color-mix(in srgb, #2fafff 22%, transparent);
    --danger: #ff5f59;
    --danger-hover: #ff8580;
    --danger-subtle: rgba(255, 95, 89, 0.14);
    --danger-subtle: color-mix(in srgb, #ff5f59 14%, transparent);
    --danger-border: rgba(255, 95, 89, 0.45);
    --danger-border: color-mix(in srgb, #ff5f59 45%, transparent);
    --danger-shadow: rgba(255, 95, 89, 0.18);
    --danger-shadow: color-mix(in srgb, #ff5f59 18%, transparent);
    --danger-shadow-strong: rgba(255, 95, 89, 0.32);
    --danger-shadow-strong: color-mix(in srgb, #ff5f59 32%, transparent);
    --danger-shadow-subtle: rgba(255, 95, 89, 0.06);
    --danger-shadow-subtle: color-mix(in srgb, #ff5f59 6%, transparent);
    --on-danger: #000000;
    --success: #44bc44;
    --success-hover: #69cf69;
    --success-subtle: rgba(68, 188, 68, 0.14);
    --success-subtle: color-mix(in srgb, #44bc44 14%, transparent);
    --success-border: rgba(68, 188, 68, 0.45);
    --success-border: color-mix(in srgb, #44bc44 45%, transparent);
    --success-border-strong: rgba(68, 188, 68, 0.6);
    --success-border-strong: color-mix(in srgb, #44bc44 60%, transparent);
    --success-shadow: rgba(68, 188, 68, 0.14);
    --success-shadow: color-mix(in srgb, #44bc44 14%, transparent);
    --on-success: #000000;
    --warning: #d0bc00;
    --warning-hover: #e6d12a;
    --warning-subtle: rgba(208, 188, 0, 0.14);
    --warning-subtle: color-mix(in srgb, #d0bc00 14%, transparent);
    --warning-border: rgba(208, 188, 0, 0.45);
    --warning-border: color-mix(in srgb, #d0bc00 45%, transparent);
    --warning-highlight-active: rgba(208, 188, 0, 0.65);
    --warning-highlight-active: color-mix(in srgb, #d0bc00 65%, transparent);
    --warning-shadow: rgba(208, 188, 0, 0.14);
    --warning-shadow: color-mix(in srgb, #d0bc00 14%, transparent);
    --warning-shadow-strong: rgba(208, 188, 0, 0.3);
    --warning-shadow-strong: color-mix(in srgb, #d0bc00 30%, transparent);
    --warning-pulse: rgba(208, 188, 0, 0.5);
    --warning-pulse: color-mix(in srgb, #d0bc00 50%, transparent);
    --on-warning: #000000;
    --info: #00bcff;
    --info-subtle: rgba(0, 188, 255, 0.14);
    --info-subtle: color-mix(in srgb, #00bcff 14%, transparent);
    --info-shadow: rgba(0, 188, 255, 0.14);
    --info-shadow: color-mix(in srgb, #00bcff 14%, transparent);
    --info-shadow-strong: rgba(0, 188, 255, 0.3);
    --info-shadow-strong: color-mix(in srgb, #00bcff 30%, transparent);
    --on-info: #000000;
    --border: #303030;
    --border-light: #545454;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.5);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.6);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.7);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.4);
}

[data-theme="matrix"] {
    --bg-primary: #000000;
    --bg-secondary: #050a05;
    --bg-tertiary: #0a140a;
    --bg-elevated: #0f1f0f;
    --text-primary: #00ff41;
    --text-secondary: #00cc34;
    --text-dim: #008f11;
    --accent: #00ff41;
    --accent-hover: #5cff7a;
    --accent-fg: #000000;
    --accent-subtle: rgba(0, 255, 65, 0.12);
    --accent-subtle: color-mix(in srgb, #00ff41 12%, transparent);
    --accent-glow: rgba(0, 255, 65, 0.35);
    --accent-glow: color-mix(in srgb, #00ff41 35%, transparent);
    --accent-wash: rgba(0, 255, 65, 0.05);
    --accent-wash: color-mix(in srgb, #00ff41 5%, transparent);
    --accent-border: rgba(0, 255, 65, 0.4);
    --accent-border: color-mix(in srgb, #00ff41 40%, transparent);
    --accent-muted: rgba(0, 255, 65, 0.2);
    --accent-muted: color-mix(in srgb, #00ff41 20%, transparent);
    --danger: #ff003c;
    --danger-hover: #ff4d70;
    --danger-subtle: rgba(255, 0, 60, 0.14);
    --danger-subtle: color-mix(in srgb, #ff003c 14%, transparent);
    --danger-border: rgba(255, 0, 60, 0.45);
    --danger-border: color-mix(in srgb, #ff003c 45%, transparent);
    --danger-shadow: rgba(255, 0, 60, 0.18);
    --danger-shadow: color-mix(in srgb, #ff003c 18%, transparent);
    --danger-shadow-strong: rgba(255, 0, 60, 0.32);
    --danger-shadow-strong: color-mix(in srgb, #ff003c 32%, transparent);
    --danger-shadow-subtle: rgba(255, 0, 60, 0.06);
    --danger-shadow-subtle: color-mix(in srgb, #ff003c 6%, transparent);
    --on-danger: #000000;
    --success: #39ff14;
    --success-hover: #7cff5c;
    --success-subtle: rgba(57, 255, 20, 0.14);
    --success-subtle: color-mix(in srgb, #39ff14 14%, transparent);
    --success-border: rgba(57, 255, 20, 0.45);
    --success-border: color-mix(in srgb, #39ff14 45%, transparent);
    --success-border-strong: rgba(57, 255, 20, 0.6);
    --success-border-strong: color-mix(in srgb, #39ff14 60%, transparent);
    --success-shadow: rgba(57, 255, 20, 0.14);
    --success-shadow: color-mix(in srgb, #39ff14 14%, transparent);
    --on-success: #000000;
    --warning: #ccff00;
    --warning-hover: #e0ff66;
    --warning-subtle: rgba(204, 255, 0, 0.14);
    --warning-subtle: color-mix(in srgb, #ccff00 14%, transparent);
    --warning-border: rgba(204, 255, 0, 0.45);
    --warning-border: color-mix(in srgb, #ccff00 45%, transparent);
    --warning-highlight-active: rgba(204, 255, 0, 0.65);
    --warning-highlight-active: color-mix(in srgb, #ccff00 65%, transparent);
    --warning-shadow: rgba(204, 255, 0, 0.14);
    --warning-shadow: color-mix(in srgb, #ccff00 14%, transparent);
    --warning-shadow-strong: rgba(204, 255, 0, 0.3);
    --warning-shadow-strong: color-mix(in srgb, #ccff00 30%, transparent);
    --warning-pulse: rgba(204, 255, 0, 0.5);
    --warning-pulse: color-mix(in srgb, #ccff00 50%, transparent);
    --on-warning: #000000;
    --info: #66ff99;
    --info-subtle: rgba(102, 255, 153, 0.14);
    --info-subtle: color-mix(in srgb, #66ff99 14%, transparent);
    --info-shadow: rgba(102, 255, 153, 0.14);
    --info-shadow: color-mix(in srgb, #66ff99 14%, transparent);
    --info-shadow-strong: rgba(102, 255, 153, 0.3);
    --info-shadow-strong: color-mix(in srgb, #66ff99 30%, transparent);
    --on-info: #000000;
    --border: #0a3a0a;
    --border-light: #1a661a;
    --shadow-sm: 0 1px 3px rgba(0, 255, 65, 0.10);
    --shadow-md: 0 4px 12px rgba(0, 255, 65, 0.14);
    --shadow-lg: 0 8px 24px rgba(0, 255, 65, 0.20);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.4);
}

[data-theme="amber-crt"] {
    --bg-primary: #1a0e00;
    --bg-secondary: #211200;
    --bg-tertiary: #2a1800;
    --bg-elevated: #341e00;
    --text-primary: #ffb000;
    --text-secondary: #d49000;
    --text-dim: #9a6900;
    --accent: #ffb000;
    --accent-hover: #ffc94d;
    --accent-fg: #1a0e00;
    --accent-subtle: rgba(255, 176, 0, 0.14);
    --accent-subtle: color-mix(in srgb, #ffb000 14%, transparent);
    --accent-glow: rgba(255, 176, 0, 0.38);
    --accent-glow: color-mix(in srgb, #ffb000 38%, transparent);
    --accent-wash: rgba(255, 176, 0, 0.05);
    --accent-wash: color-mix(in srgb, #ffb000 5%, transparent);
    --accent-border: rgba(255, 176, 0, 0.42);
    --accent-border: color-mix(in srgb, #ffb000 42%, transparent);
    --accent-muted: rgba(255, 176, 0, 0.22);
    --accent-muted: color-mix(in srgb, #ffb000 22%, transparent);
    --danger: #ff5a00;
    --danger-hover: #ff8040;
    --danger-subtle: rgba(255, 90, 0, 0.14);
    --danger-subtle: color-mix(in srgb, #ff5a00 14%, transparent);
    --danger-border: rgba(255, 90, 0, 0.45);
    --danger-border: color-mix(in srgb, #ff5a00 45%, transparent);
    --danger-shadow: rgba(255, 90, 0, 0.18);
    --danger-shadow: color-mix(in srgb, #ff5a00 18%, transparent);
    --danger-shadow-strong: rgba(255, 90, 0, 0.32);
    --danger-shadow-strong: color-mix(in srgb, #ff5a00 32%, transparent);
    --danger-shadow-subtle: rgba(255, 90, 0, 0.06);
    --danger-shadow-subtle: color-mix(in srgb, #ff5a00 6%, transparent);
    --on-danger: #1a0e00;
    --success: #ff8c00;
    --success-hover: #ffae40;
    --success-subtle: rgba(255, 140, 0, 0.14);
    --success-subtle: color-mix(in srgb, #ff8c00 14%, transparent);
    --success-border: rgba(255, 140, 0, 0.45);
    --success-border: color-mix(in srgb, #ff8c00 45%, transparent);
    --success-border-strong: rgba(255, 140, 0, 0.6);
    --success-border-strong: color-mix(in srgb, #ff8c00 60%, transparent);
    --success-shadow: rgba(255, 140, 0, 0.14);
    --success-shadow: color-mix(in srgb, #ff8c00 14%, transparent);
    --on-success: #1a0e00;
    --warning: #ffd000;
    --warning-hover: #ffe04d;
    --warning-subtle: rgba(255, 208, 0, 0.14);
    --warning-subtle: color-mix(in srgb, #ffd000 14%, transparent);
    --warning-border: rgba(255, 208, 0, 0.45);
    --warning-border: color-mix(in srgb, #ffd000 45%, transparent);
    --warning-highlight-active: rgba(255, 208, 0, 0.65);
    --warning-highlight-active: color-mix(in srgb, #ffd000 65%, transparent);
    --warning-shadow: rgba(255, 208, 0, 0.14);
    --warning-shadow: color-mix(in srgb, #ffd000 14%, transparent);
    --warning-shadow-strong: rgba(255, 208, 0, 0.3);
    --warning-shadow-strong: color-mix(in srgb, #ffd000 30%, transparent);
    --warning-pulse: rgba(255, 208, 0, 0.5);
    --warning-pulse: color-mix(in srgb, #ffd000 50%, transparent);
    --on-warning: #1a0e00;
    --info: #ffa040;
    --info-subtle: rgba(255, 160, 64, 0.14);
    --info-subtle: color-mix(in srgb, #ffa040 14%, transparent);
    --info-shadow: rgba(255, 160, 64, 0.14);
    --info-shadow: color-mix(in srgb, #ffa040 14%, transparent);
    --info-shadow-strong: rgba(255, 160, 64, 0.3);
    --info-shadow-strong: color-mix(in srgb, #ffa040 30%, transparent);
    --on-info: #1a0e00;
    --border: #4a2a00;
    --border-light: #6e4000;
    --shadow-sm: 0 1px 3px rgba(255, 176, 0, 0.10);
    --shadow-md: 0 4px 12px rgba(255, 176, 0, 0.14);
    --shadow-lg: 0 8px 24px rgba(255, 176, 0, 0.18);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.4);
}

[data-theme="vaporwave"] {
    --bg-primary: #2b1055;
    --bg-secondary: #321461;
    --bg-tertiary: #3d1a72;
    --bg-elevated: #4a2080;
    --text-primary: #f7eaff;
    --text-secondary: #d0b3ff;
    --text-dim: #9d80c8;
    --accent: #ff71ce;
    --accent-hover: #ff9ad9;
    --accent-fg: #2b1055;
    --accent-subtle: rgba(255, 113, 206, 0.14);
    --accent-subtle: color-mix(in srgb, #ff71ce 14%, transparent);
    --accent-glow: rgba(255, 113, 206, 0.38);
    --accent-glow: color-mix(in srgb, #ff71ce 38%, transparent);
    --accent-wash: rgba(255, 113, 206, 0.06);
    --accent-wash: color-mix(in srgb, #ff71ce 6%, transparent);
    --accent-border: rgba(255, 113, 206, 0.42);
    --accent-border: color-mix(in srgb, #ff71ce 42%, transparent);
    --accent-muted: rgba(255, 113, 206, 0.22);
    --accent-muted: color-mix(in srgb, #ff71ce 22%, transparent);
    --danger: #ff3864;
    --danger-hover: #ff6e90;
    --danger-subtle: rgba(255, 56, 100, 0.14);
    --danger-subtle: color-mix(in srgb, #ff3864 14%, transparent);
    --danger-border: rgba(255, 56, 100, 0.45);
    --danger-border: color-mix(in srgb, #ff3864 45%, transparent);
    --danger-shadow: rgba(255, 56, 100, 0.18);
    --danger-shadow: color-mix(in srgb, #ff3864 18%, transparent);
    --danger-shadow-strong: rgba(255, 56, 100, 0.32);
    --danger-shadow-strong: color-mix(in srgb, #ff3864 32%, transparent);
    --danger-shadow-subtle: rgba(255, 56, 100, 0.06);
    --danger-shadow-subtle: color-mix(in srgb, #ff3864 6%, transparent);
    --on-danger: #2b1055;
    --success: #05ffa1;
    --success-hover: #5cffc1;
    --success-subtle: rgba(5, 255, 161, 0.14);
    --success-subtle: color-mix(in srgb, #05ffa1 14%, transparent);
    --success-border: rgba(5, 255, 161, 0.45);
    --success-border: color-mix(in srgb, #05ffa1 45%, transparent);
    --success-border-strong: rgba(5, 255, 161, 0.6);
    --success-border-strong: color-mix(in srgb, #05ffa1 60%, transparent);
    --success-shadow: rgba(5, 255, 161, 0.14);
    --success-shadow: color-mix(in srgb, #05ffa1 14%, transparent);
    --on-success: #2b1055;
    --warning: #fffb96;
    --warning-hover: #ffffcc;
    --warning-subtle: rgba(255, 251, 150, 0.14);
    --warning-subtle: color-mix(in srgb, #fffb96 14%, transparent);
    --warning-border: rgba(255, 251, 150, 0.45);
    --warning-border: color-mix(in srgb, #fffb96 45%, transparent);
    --warning-highlight-active: rgba(255, 251, 150, 0.65);
    --warning-highlight-active: color-mix(in srgb, #fffb96 65%, transparent);
    --warning-shadow: rgba(255, 251, 150, 0.14);
    --warning-shadow: color-mix(in srgb, #fffb96 14%, transparent);
    --warning-shadow-strong: rgba(255, 251, 150, 0.3);
    --warning-shadow-strong: color-mix(in srgb, #fffb96 30%, transparent);
    --warning-pulse: rgba(255, 251, 150, 0.5);
    --warning-pulse: color-mix(in srgb, #fffb96 50%, transparent);
    --on-warning: #2b1055;
    --info: #01cdfe;
    --info-subtle: rgba(1, 205, 254, 0.14);
    --info-subtle: color-mix(in srgb, #01cdfe 14%, transparent);
    --info-shadow: rgba(1, 205, 254, 0.14);
    --info-shadow: color-mix(in srgb, #01cdfe 14%, transparent);
    --info-shadow-strong: rgba(1, 205, 254, 0.3);
    --info-shadow-strong: color-mix(in srgb, #01cdfe 30%, transparent);
    --on-info: #2b1055;
    --border: #4d1f8a;
    --border-light: #6b2eb3;
    --shadow-sm: 0 1px 3px rgba(255, 113, 206, 0.15);
    --shadow-md: 0 4px 12px rgba(255, 113, 206, 0.20);
    --shadow-lg: 0 8px 24px rgba(1, 205, 254, 0.25);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="bubblegum"] {
    --bg-primary: #fff0f6;
    --bg-secondary: #ffe1ee;
    --bg-tertiary: #ffd0e3;
    --bg-elevated: #ffbcd5;
    --text-primary: #4a1a35;
    --text-secondary: #7a2a52;
    --text-dim: #a44b7a;
    --accent: #ff4fa3;
    --accent-hover: #ff77b8;
    --accent-fg: #fff0f6;
    --accent-subtle: rgba(255, 79, 163, 0.10);
    --accent-glow: rgba(255, 79, 163, 0.28);
    --accent-wash: rgba(255, 79, 163, 0.04);
    --accent-border: rgba(255, 79, 163, 0.32);
    --accent-muted: rgba(255, 79, 163, 0.18);
    --danger: #d6336c;
    --danger-hover: #e85a89;
    --danger-subtle: rgba(214, 51, 108, 0.10);
    --danger-border: rgba(214, 51, 108, 0.32);
    --danger-shadow: rgba(214, 51, 108, 0.14);
    --danger-shadow-strong: rgba(214, 51, 108, 0.26);
    --danger-shadow-subtle: rgba(214, 51, 108, 0.05);
    --on-danger: #fff0f6;
    --success: #2dd4bf;
    --success-hover: #5be8d4;
    --success-subtle: rgba(45, 212, 191, 0.12);
    --success-border: rgba(45, 212, 191, 0.35);
    --success-border-strong: rgba(45, 212, 191, 0.5);
    --success-shadow: rgba(45, 212, 191, 0.10);
    --on-success: #fff0f6;
    --warning: #f59f00;
    --warning-hover: #ffb627;
    --warning-subtle: rgba(245, 159, 0, 0.10);
    --warning-border: rgba(245, 159, 0, 0.32);
    --warning-highlight-active: rgba(245, 159, 0, 0.6);
    --warning-shadow: rgba(245, 159, 0, 0.10);
    --warning-shadow-strong: rgba(245, 159, 0, 0.22);
    --warning-pulse: rgba(245, 159, 0, 0.4);
    --on-warning: #fff0f6;
    --info: #845ef7;
    --info-subtle: rgba(132, 94, 247, 0.10);
    --info-shadow: rgba(132, 94, 247, 0.10);
    --info-shadow-strong: rgba(132, 94, 247, 0.22);
    --on-info: #fff0f6;
    --border: #f7b4d0;
    --border-light: #d899b3;
    --shadow-sm: 0 1px 3px rgba(214, 51, 108, 0.10);
    --shadow-md: 0 4px 12px rgba(214, 51, 108, 0.12);
    --shadow-lg: 0 8px 24px rgba(214, 51, 108, 0.16);
    --shadow-inset: inset 0 1px 3px rgba(214, 51, 108, 0.08);
}

[data-theme="hotdog-stand"] {
    --bg-primary: #ffff00;
    --bg-secondary: #ffe600;
    --bg-tertiary: #ffcc00;
    --bg-elevated: #ffb200;
    --text-primary: #000000;
    --text-secondary: #1a1a1a;
    --text-dim: #404040;
    --accent: #ff0000;
    --accent-hover: #cc0000;
    --accent-fg: #ffff00;
    --accent-subtle: rgba(255, 0, 0, 0.12);
    --accent-glow: rgba(255, 0, 0, 0.30);
    --accent-wash: rgba(255, 0, 0, 0.05);
    --accent-border: rgba(255, 0, 0, 0.45);
    --accent-muted: rgba(255, 0, 0, 0.22);
    --danger: #b30000;
    --danger-hover: #990000;
    --danger-subtle: rgba(179, 0, 0, 0.12);
    --danger-border: rgba(179, 0, 0, 0.45);
    --danger-shadow: rgba(179, 0, 0, 0.20);
    --danger-shadow-strong: rgba(179, 0, 0, 0.35);
    --danger-shadow-subtle: rgba(179, 0, 0, 0.06);
    --on-danger: #ffff00;
    --success: #000000;
    --success-hover: #1a1a1a;
    --success-subtle: rgba(0, 0, 0, 0.10);
    --success-border: rgba(0, 0, 0, 0.55);
    --success-border-strong: rgba(0, 0, 0, 0.75);
    --success-shadow: rgba(0, 0, 0, 0.15);
    --on-success: #ffff00;
    --warning: #ff6600;
    --warning-hover: #ff8533;
    --warning-subtle: rgba(255, 102, 0, 0.12);
    --warning-border: rgba(255, 102, 0, 0.45);
    --warning-highlight-active: rgba(255, 102, 0, 0.6);
    --warning-shadow: rgba(255, 102, 0, 0.15);
    --warning-shadow-strong: rgba(255, 102, 0, 0.28);
    --warning-pulse: rgba(255, 102, 0, 0.5);
    --on-warning: #ffff00;
    --info: #800000;
    --info-subtle: rgba(128, 0, 0, 0.12);
    --info-shadow: rgba(128, 0, 0, 0.15);
    --info-shadow-strong: rgba(128, 0, 0, 0.28);
    --on-info: #ffff00;
    --border: #000000;
    --border-light: #404040;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.30);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.35);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.40);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.20);
}


[data-theme="alucard"] {
    --bg-primary: #fffbeb;
    --bg-secondary: #f4eeda;
    --bg-tertiary: #e9e2c9;
    --bg-elevated: #ded6ba;
    --text-primary: #1f1f1f;
    --text-secondary: #4a4636;
    --text-dim: #6c664b;
    --accent: #644ac9;
    --accent-hover: #765dd0;
    --accent-fg: #fff;
    --accent-subtle: rgba(100, 74, 201, 0.12);
    --accent-subtle: color-mix(in srgb, #644ac9 12%, transparent);
    --accent-glow: rgba(100, 74, 201, 0.28);
    --accent-glow: color-mix(in srgb, #644ac9 28%, transparent);
    --accent-wash: rgba(100, 74, 201, 0.05);
    --accent-wash: color-mix(in srgb, #644ac9 5%, transparent);
    --accent-border: rgba(100, 74, 201, 0.35);
    --accent-border: color-mix(in srgb, #644ac9 35%, transparent);
    --accent-muted: rgba(100, 74, 201, 0.18);
    --accent-muted: color-mix(in srgb, #644ac9 18%, transparent);
    --danger: #cb3a2a;
    --danger-hover: #d8503f;
    --danger-subtle: rgba(203, 58, 42, 0.12);
    --danger-subtle: color-mix(in srgb, #cb3a2a 12%, transparent);
    --danger-border: rgba(203, 58, 42, 0.35);
    --danger-border: color-mix(in srgb, #cb3a2a 35%, transparent);
    --danger-shadow: rgba(203, 58, 42, 0.15);
    --danger-shadow: color-mix(in srgb, #cb3a2a 15%, transparent);
    --danger-shadow-strong: rgba(203, 58, 42, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #cb3a2a 28%, transparent);
    --danger-shadow-subtle: rgba(203, 58, 42, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #cb3a2a 5%, transparent);
    --on-danger: #fff;
    --success: #14710a;
    --success-hover: #1c8a10;
    --success-subtle: rgba(20, 113, 10, 0.12);
    --success-subtle: color-mix(in srgb, #14710a 12%, transparent);
    --success-border: rgba(20, 113, 10, 0.4);
    --success-border: color-mix(in srgb, #14710a 40%, transparent);
    --success-border-strong: rgba(20, 113, 10, 0.55);
    --success-border-strong: color-mix(in srgb, #14710a 55%, transparent);
    --success-shadow: rgba(20, 113, 10, 0.12);
    --success-shadow: color-mix(in srgb, #14710a 12%, transparent);
    --on-success: #fff;
    --warning: #846e15;
    --warning-hover: #9c831c;
    --warning-subtle: rgba(132, 110, 21, 0.12);
    --warning-subtle: color-mix(in srgb, #846e15 12%, transparent);
    --warning-border: rgba(132, 110, 21, 0.35);
    --warning-border: color-mix(in srgb, #846e15 35%, transparent);
    --warning-highlight-active: rgba(132, 110, 21, 0.65);
    --warning-highlight-active: color-mix(in srgb, #846e15 65%, transparent);
    --warning-shadow: rgba(132, 110, 21, 0.12);
    --warning-shadow: color-mix(in srgb, #846e15 12%, transparent);
    --warning-shadow-strong: rgba(132, 110, 21, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #846e15 28%, transparent);
    --warning-pulse: rgba(132, 110, 21, 0.45);
    --warning-pulse: color-mix(in srgb, #846e15 45%, transparent);
    --on-warning: #fff;
    --info: #036a96;
    --info-subtle: rgba(3, 106, 150, 0.12);
    --info-subtle: color-mix(in srgb, #036a96 12%, transparent);
    --info-shadow: rgba(3, 106, 150, 0.12);
    --info-shadow: color-mix(in srgb, #036a96 12%, transparent);
    --info-shadow-strong: rgba(3, 106, 150, 0.28);
    --info-shadow-strong: color-mix(in srgb, #036a96 28%, transparent);
    --on-info: #fff;
    --border: #d8d0b4;
    --border-light: #c4bb9c;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.10);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.04);
}

[data-theme="nord-light"] {
    --bg-primary: #eceff4;
    --bg-secondary: #e5e9f0;
    --bg-tertiary: #dde3ee;
    --bg-elevated: #d8dee9;
    --text-primary: #2e3440;
    --text-secondary: #434c5e;
    --text-dim: #4c566a;
    --accent: #5e81ac;
    --accent-hover: #7593bd;
    --accent-fg: #fff;
    --accent-subtle: rgba(94, 129, 172, 0.12);
    --accent-subtle: color-mix(in srgb, #5e81ac 12%, transparent);
    --accent-glow: rgba(94, 129, 172, 0.28);
    --accent-glow: color-mix(in srgb, #5e81ac 28%, transparent);
    --accent-wash: rgba(94, 129, 172, 0.05);
    --accent-wash: color-mix(in srgb, #5e81ac 5%, transparent);
    --accent-border: rgba(94, 129, 172, 0.35);
    --accent-border: color-mix(in srgb, #5e81ac 35%, transparent);
    --accent-muted: rgba(94, 129, 172, 0.18);
    --accent-muted: color-mix(in srgb, #5e81ac 18%, transparent);
    --danger: #bf616a;
    --danger-hover: #cc7a82;
    --danger-subtle: rgba(191, 97, 106, 0.12);
    --danger-subtle: color-mix(in srgb, #bf616a 12%, transparent);
    --danger-border: rgba(191, 97, 106, 0.35);
    --danger-border: color-mix(in srgb, #bf616a 35%, transparent);
    --danger-shadow: rgba(191, 97, 106, 0.15);
    --danger-shadow: color-mix(in srgb, #bf616a 15%, transparent);
    --danger-shadow-strong: rgba(191, 97, 106, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #bf616a 28%, transparent);
    --danger-shadow-subtle: rgba(191, 97, 106, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #bf616a 5%, transparent);
    --on-danger: #fff;
    --success: #4c7a4c;
    --success-hover: #5e8c5e;
    --success-subtle: rgba(76, 122, 76, 0.12);
    --success-subtle: color-mix(in srgb, #4c7a4c 12%, transparent);
    --success-border: rgba(76, 122, 76, 0.4);
    --success-border: color-mix(in srgb, #4c7a4c 40%, transparent);
    --success-border-strong: rgba(76, 122, 76, 0.55);
    --success-border-strong: color-mix(in srgb, #4c7a4c 55%, transparent);
    --success-shadow: rgba(76, 122, 76, 0.12);
    --success-shadow: color-mix(in srgb, #4c7a4c 12%, transparent);
    --on-success: #fff;
    --warning: #b08a00;
    --warning-hover: #c89e00;
    --warning-subtle: rgba(176, 138, 0, 0.12);
    --warning-subtle: color-mix(in srgb, #b08a00 12%, transparent);
    --warning-border: rgba(176, 138, 0, 0.35);
    --warning-border: color-mix(in srgb, #b08a00 35%, transparent);
    --warning-highlight-active: rgba(176, 138, 0, 0.65);
    --warning-highlight-active: color-mix(in srgb, #b08a00 65%, transparent);
    --warning-shadow: rgba(176, 138, 0, 0.12);
    --warning-shadow: color-mix(in srgb, #b08a00 12%, transparent);
    --warning-shadow-strong: rgba(176, 138, 0, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #b08a00 28%, transparent);
    --warning-pulse: rgba(176, 138, 0, 0.45);
    --warning-pulse: color-mix(in srgb, #b08a00 45%, transparent);
    --on-warning: #fff;
    --info: #5e81ac;
    --info-subtle: rgba(94, 129, 172, 0.12);
    --info-subtle: color-mix(in srgb, #5e81ac 12%, transparent);
    --info-shadow: rgba(94, 129, 172, 0.12);
    --info-shadow: color-mix(in srgb, #5e81ac 12%, transparent);
    --info-shadow-strong: rgba(94, 129, 172, 0.28);
    --info-shadow-strong: color-mix(in srgb, #5e81ac 28%, transparent);
    --on-info: #fff;
    --border: #d2d8e2;
    --border-light: #c2cad8;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.10);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.04);
}

[data-theme="gruvbox-material-light"] {
    --bg-primary: #fbf1c7;
    --bg-secondary: #f2e5bc;
    --bg-tertiary: #eee0b7;
    --bg-elevated: #e9dbb0;
    --text-primary: #654735;
    --text-secondary: #7c6f64;
    --text-dim: #928374;
    --accent: #45707a;
    --accent-hover: #5a838d;
    --accent-fg: #fff;
    --accent-subtle: rgba(69, 112, 122, 0.12);
    --accent-subtle: color-mix(in srgb, #45707a 12%, transparent);
    --accent-glow: rgba(69, 112, 122, 0.28);
    --accent-glow: color-mix(in srgb, #45707a 28%, transparent);
    --accent-wash: rgba(69, 112, 122, 0.05);
    --accent-wash: color-mix(in srgb, #45707a 5%, transparent);
    --accent-border: rgba(69, 112, 122, 0.35);
    --accent-border: color-mix(in srgb, #45707a 35%, transparent);
    --accent-muted: rgba(69, 112, 122, 0.18);
    --accent-muted: color-mix(in srgb, #45707a 18%, transparent);
    --danger: #c14a4a;
    --danger-hover: #cf5e5e;
    --danger-subtle: rgba(193, 74, 74, 0.12);
    --danger-subtle: color-mix(in srgb, #c14a4a 12%, transparent);
    --danger-border: rgba(193, 74, 74, 0.35);
    --danger-border: color-mix(in srgb, #c14a4a 35%, transparent);
    --danger-shadow: rgba(193, 74, 74, 0.15);
    --danger-shadow: color-mix(in srgb, #c14a4a 15%, transparent);
    --danger-shadow-strong: rgba(193, 74, 74, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #c14a4a 28%, transparent);
    --danger-shadow-subtle: rgba(193, 74, 74, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #c14a4a 5%, transparent);
    --on-danger: #fff;
    --success: #6c782e;
    --success-hover: #7f8c39;
    --success-subtle: rgba(108, 120, 46, 0.12);
    --success-subtle: color-mix(in srgb, #6c782e 12%, transparent);
    --success-border: rgba(108, 120, 46, 0.4);
    --success-border: color-mix(in srgb, #6c782e 40%, transparent);
    --success-border-strong: rgba(108, 120, 46, 0.55);
    --success-border-strong: color-mix(in srgb, #6c782e 55%, transparent);
    --success-shadow: rgba(108, 120, 46, 0.12);
    --success-shadow: color-mix(in srgb, #6c782e 12%, transparent);
    --on-success: #fff;
    --warning: #b47109;
    --warning-hover: #cd8312;
    --warning-subtle: rgba(180, 113, 9, 0.12);
    --warning-subtle: color-mix(in srgb, #b47109 12%, transparent);
    --warning-border: rgba(180, 113, 9, 0.35);
    --warning-border: color-mix(in srgb, #b47109 35%, transparent);
    --warning-highlight-active: rgba(180, 113, 9, 0.65);
    --warning-highlight-active: color-mix(in srgb, #b47109 65%, transparent);
    --warning-shadow: rgba(180, 113, 9, 0.12);
    --warning-shadow: color-mix(in srgb, #b47109 12%, transparent);
    --warning-shadow-strong: rgba(180, 113, 9, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #b47109 28%, transparent);
    --warning-pulse: rgba(180, 113, 9, 0.45);
    --warning-pulse: color-mix(in srgb, #b47109 45%, transparent);
    --on-warning: #fff;
    --info: #4c7a5d;
    --info-subtle: rgba(76, 122, 93, 0.12);
    --info-subtle: color-mix(in srgb, #4c7a5d 12%, transparent);
    --info-shadow: rgba(76, 122, 93, 0.12);
    --info-shadow: color-mix(in srgb, #4c7a5d 12%, transparent);
    --info-shadow-strong: rgba(76, 122, 93, 0.28);
    --info-shadow-strong: color-mix(in srgb, #4c7a5d 28%, transparent);
    --on-info: #fff;
    --border: #ddcca0;
    --border-light: #c9b88c;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.10);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.04);
}

[data-theme="sepia"] {
    --bg-primary: #f4ecd8;
    --bg-secondary: #efe6cf;
    --bg-tertiary: #e6dabc;
    --bg-elevated: #ddceac;
    --text-primary: #433422;
    --text-secondary: #5f4b32;
    --text-dim: #8a7355;
    --accent: #a05a2c;
    --accent-hover: #b86d3a;
    --accent-fg: #fff;
    --accent-subtle: rgba(160, 90, 44, 0.12);
    --accent-subtle: color-mix(in srgb, #a05a2c 12%, transparent);
    --accent-glow: rgba(160, 90, 44, 0.28);
    --accent-glow: color-mix(in srgb, #a05a2c 28%, transparent);
    --accent-wash: rgba(160, 90, 44, 0.05);
    --accent-wash: color-mix(in srgb, #a05a2c 5%, transparent);
    --accent-border: rgba(160, 90, 44, 0.35);
    --accent-border: color-mix(in srgb, #a05a2c 35%, transparent);
    --accent-muted: rgba(160, 90, 44, 0.18);
    --accent-muted: color-mix(in srgb, #a05a2c 18%, transparent);
    --danger: #a33a2a;
    --danger-hover: #bb4d3b;
    --danger-subtle: rgba(163, 58, 42, 0.12);
    --danger-subtle: color-mix(in srgb, #a33a2a 12%, transparent);
    --danger-border: rgba(163, 58, 42, 0.35);
    --danger-border: color-mix(in srgb, #a33a2a 35%, transparent);
    --danger-shadow: rgba(163, 58, 42, 0.15);
    --danger-shadow: color-mix(in srgb, #a33a2a 15%, transparent);
    --danger-shadow-strong: rgba(163, 58, 42, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #a33a2a 28%, transparent);
    --danger-shadow-subtle: rgba(163, 58, 42, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #a33a2a 5%, transparent);
    --on-danger: #fff;
    --success: #5c7a3a;
    --success-hover: #6d8e47;
    --success-subtle: rgba(92, 122, 58, 0.12);
    --success-subtle: color-mix(in srgb, #5c7a3a 12%, transparent);
    --success-border: rgba(92, 122, 58, 0.4);
    --success-border: color-mix(in srgb, #5c7a3a 40%, transparent);
    --success-border-strong: rgba(92, 122, 58, 0.55);
    --success-border-strong: color-mix(in srgb, #5c7a3a 55%, transparent);
    --success-shadow: rgba(92, 122, 58, 0.12);
    --success-shadow: color-mix(in srgb, #5c7a3a 12%, transparent);
    --on-success: #fff;
    --warning: #b07d10;
    --warning-hover: #c8911c;
    --warning-subtle: rgba(176, 125, 16, 0.12);
    --warning-subtle: color-mix(in srgb, #b07d10 12%, transparent);
    --warning-border: rgba(176, 125, 16, 0.35);
    --warning-border: color-mix(in srgb, #b07d10 35%, transparent);
    --warning-highlight-active: rgba(176, 125, 16, 0.65);
    --warning-highlight-active: color-mix(in srgb, #b07d10 65%, transparent);
    --warning-shadow: rgba(176, 125, 16, 0.12);
    --warning-shadow: color-mix(in srgb, #b07d10 12%, transparent);
    --warning-shadow-strong: rgba(176, 125, 16, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #b07d10 28%, transparent);
    --warning-pulse: rgba(176, 125, 16, 0.45);
    --warning-pulse: color-mix(in srgb, #b07d10 45%, transparent);
    --on-warning: #fff;
    --info: #4f7c6b;
    --info-subtle: rgba(79, 124, 107, 0.12);
    --info-subtle: color-mix(in srgb, #4f7c6b 12%, transparent);
    --info-shadow: rgba(79, 124, 107, 0.12);
    --info-shadow: color-mix(in srgb, #4f7c6b 12%, transparent);
    --info-shadow-strong: rgba(79, 124, 107, 0.28);
    --info-shadow-strong: color-mix(in srgb, #4f7c6b 28%, transparent);
    --on-info: #fff;
    --border: #d8c8a4;
    --border-light: #c4b288;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.10);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.04);
}

[data-theme="rose-pine-moon"] {
    --bg-primary: #232136;
    --bg-secondary: #2a273f;
    --bg-tertiary: #393552;
    --bg-elevated: #44415a;
    --text-primary: #e0def4;
    --text-secondary: #908caa;
    --text-dim: #6e6a86;
    --accent: #c4a7e7;
    --accent-hover: #d4bdf0;
    --accent-fg: #232136;
    --accent-subtle: rgba(196, 167, 231, 0.12);
    --accent-subtle: color-mix(in srgb, #c4a7e7 12%, transparent);
    --accent-glow: rgba(196, 167, 231, 0.28);
    --accent-glow: color-mix(in srgb, #c4a7e7 28%, transparent);
    --accent-wash: rgba(196, 167, 231, 0.05);
    --accent-wash: color-mix(in srgb, #c4a7e7 5%, transparent);
    --accent-border: rgba(196, 167, 231, 0.35);
    --accent-border: color-mix(in srgb, #c4a7e7 35%, transparent);
    --accent-muted: rgba(196, 167, 231, 0.18);
    --accent-muted: color-mix(in srgb, #c4a7e7 18%, transparent);
    --danger: #eb6f92;
    --danger-hover: #f088a5;
    --danger-subtle: rgba(235, 111, 146, 0.12);
    --danger-subtle: color-mix(in srgb, #eb6f92 12%, transparent);
    --danger-border: rgba(235, 111, 146, 0.35);
    --danger-border: color-mix(in srgb, #eb6f92 35%, transparent);
    --danger-shadow: rgba(235, 111, 146, 0.15);
    --danger-shadow: color-mix(in srgb, #eb6f92 15%, transparent);
    --danger-shadow-strong: rgba(235, 111, 146, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #eb6f92 28%, transparent);
    --danger-shadow-subtle: rgba(235, 111, 146, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #eb6f92 5%, transparent);
    --on-danger: #232136;
    --success: #9ccfd8;
    --success-hover: #b3dce3;
    --success-subtle: rgba(156, 207, 216, 0.12);
    --success-subtle: color-mix(in srgb, #9ccfd8 12%, transparent);
    --success-border: rgba(156, 207, 216, 0.4);
    --success-border: color-mix(in srgb, #9ccfd8 40%, transparent);
    --success-border-strong: rgba(156, 207, 216, 0.55);
    --success-border-strong: color-mix(in srgb, #9ccfd8 55%, transparent);
    --success-shadow: rgba(156, 207, 216, 0.12);
    --success-shadow: color-mix(in srgb, #9ccfd8 12%, transparent);
    --on-success: #232136;
    --warning: #f6c177;
    --warning-hover: #f9d09a;
    --warning-subtle: rgba(246, 193, 119, 0.12);
    --warning-subtle: color-mix(in srgb, #f6c177 12%, transparent);
    --warning-border: rgba(246, 193, 119, 0.35);
    --warning-border: color-mix(in srgb, #f6c177 35%, transparent);
    --warning-highlight-active: rgba(246, 193, 119, 0.65);
    --warning-highlight-active: color-mix(in srgb, #f6c177 65%, transparent);
    --warning-shadow: rgba(246, 193, 119, 0.12);
    --warning-shadow: color-mix(in srgb, #f6c177 12%, transparent);
    --warning-shadow-strong: rgba(246, 193, 119, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #f6c177 28%, transparent);
    --warning-pulse: rgba(246, 193, 119, 0.45);
    --warning-pulse: color-mix(in srgb, #f6c177 45%, transparent);
    --on-warning: #232136;
    --info: #3e8fb0;
    --info-subtle: rgba(62, 143, 176, 0.12);
    --info-subtle: color-mix(in srgb, #3e8fb0 12%, transparent);
    --info-shadow: rgba(62, 143, 176, 0.12);
    --info-shadow: color-mix(in srgb, #3e8fb0 12%, transparent);
    --info-shadow-strong: rgba(62, 143, 176, 0.28);
    --info-shadow-strong: color-mix(in srgb, #3e8fb0 28%, transparent);
    --on-info: #232136;
    --border: #2f2b45;
    --border-light: #44415a;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="tokyo-night-moon"] {
    --bg-primary: #222436;
    --bg-secondary: #1e2030;
    --bg-tertiary: #2f334d;
    --bg-elevated: #383e5c;
    --text-primary: #c8d3f5;
    --text-secondary: #828bb8;
    --text-dim: #636da6;
    --accent: #82aaff;
    --accent-hover: #a9c8ff;
    --accent-fg: #222436;
    --accent-subtle: rgba(130, 170, 255, 0.12);
    --accent-subtle: color-mix(in srgb, #82aaff 12%, transparent);
    --accent-glow: rgba(130, 170, 255, 0.28);
    --accent-glow: color-mix(in srgb, #82aaff 28%, transparent);
    --accent-wash: rgba(130, 170, 255, 0.05);
    --accent-wash: color-mix(in srgb, #82aaff 5%, transparent);
    --accent-border: rgba(130, 170, 255, 0.35);
    --accent-border: color-mix(in srgb, #82aaff 35%, transparent);
    --accent-muted: rgba(130, 170, 255, 0.18);
    --accent-muted: color-mix(in srgb, #82aaff 18%, transparent);
    --danger: #ff757f;
    --danger-hover: #ff9aa1;
    --danger-subtle: rgba(255, 117, 127, 0.12);
    --danger-subtle: color-mix(in srgb, #ff757f 12%, transparent);
    --danger-border: rgba(255, 117, 127, 0.35);
    --danger-border: color-mix(in srgb, #ff757f 35%, transparent);
    --danger-shadow: rgba(255, 117, 127, 0.15);
    --danger-shadow: color-mix(in srgb, #ff757f 15%, transparent);
    --danger-shadow-strong: rgba(255, 117, 127, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #ff757f 28%, transparent);
    --danger-shadow-subtle: rgba(255, 117, 127, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #ff757f 5%, transparent);
    --on-danger: #222436;
    --success: #c3e88d;
    --success-hover: #d3efab;
    --success-subtle: rgba(195, 232, 141, 0.12);
    --success-subtle: color-mix(in srgb, #c3e88d 12%, transparent);
    --success-border: rgba(195, 232, 141, 0.4);
    --success-border: color-mix(in srgb, #c3e88d 40%, transparent);
    --success-border-strong: rgba(195, 232, 141, 0.55);
    --success-border-strong: color-mix(in srgb, #c3e88d 55%, transparent);
    --success-shadow: rgba(195, 232, 141, 0.12);
    --success-shadow: color-mix(in srgb, #c3e88d 12%, transparent);
    --on-success: #222436;
    --warning: #ffc777;
    --warning-hover: #ffd79a;
    --warning-subtle: rgba(255, 199, 119, 0.12);
    --warning-subtle: color-mix(in srgb, #ffc777 12%, transparent);
    --warning-border: rgba(255, 199, 119, 0.35);
    --warning-border: color-mix(in srgb, #ffc777 35%, transparent);
    --warning-highlight-active: rgba(255, 199, 119, 0.65);
    --warning-highlight-active: color-mix(in srgb, #ffc777 65%, transparent);
    --warning-shadow: rgba(255, 199, 119, 0.12);
    --warning-shadow: color-mix(in srgb, #ffc777 12%, transparent);
    --warning-shadow-strong: rgba(255, 199, 119, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #ffc777 28%, transparent);
    --warning-pulse: rgba(255, 199, 119, 0.45);
    --warning-pulse: color-mix(in srgb, #ffc777 45%, transparent);
    --on-warning: #222436;
    --info: #86e1fc;
    --info-subtle: rgba(134, 225, 252, 0.12);
    --info-subtle: color-mix(in srgb, #86e1fc 12%, transparent);
    --info-shadow: rgba(134, 225, 252, 0.12);
    --info-shadow: color-mix(in srgb, #86e1fc 12%, transparent);
    --info-shadow-strong: rgba(134, 225, 252, 0.28);
    --info-shadow-strong: color-mix(in srgb, #86e1fc 28%, transparent);
    --on-info: #222436;
    --border: #2a2e45;
    --border-light: #3b4261;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="green-phosphor"] {
    --bg-primary: #001100;
    --bg-secondary: #021a02;
    --bg-tertiary: #03260a;
    --bg-elevated: #04330d;
    --text-primary: #33ff66;
    --text-secondary: #1faa3a;
    --text-dim: #149a31;
    --accent: #39ff7a;
    --accent-hover: #66ff9c;
    --accent-fg: #001100;
    --accent-subtle: rgba(57, 255, 122, 0.12);
    --accent-subtle: color-mix(in srgb, #39ff7a 12%, transparent);
    --accent-glow: rgba(57, 255, 122, 0.28);
    --accent-glow: color-mix(in srgb, #39ff7a 28%, transparent);
    --accent-wash: rgba(57, 255, 122, 0.05);
    --accent-wash: color-mix(in srgb, #39ff7a 5%, transparent);
    --accent-border: rgba(57, 255, 122, 0.35);
    --accent-border: color-mix(in srgb, #39ff7a 35%, transparent);
    --accent-muted: rgba(57, 255, 122, 0.18);
    --accent-muted: color-mix(in srgb, #39ff7a 18%, transparent);
    --danger: #ff5555;
    --danger-hover: #ff8888;
    --danger-subtle: rgba(255, 85, 85, 0.12);
    --danger-subtle: color-mix(in srgb, #ff5555 12%, transparent);
    --danger-border: rgba(255, 85, 85, 0.35);
    --danger-border: color-mix(in srgb, #ff5555 35%, transparent);
    --danger-shadow: rgba(255, 85, 85, 0.15);
    --danger-shadow: color-mix(in srgb, #ff5555 15%, transparent);
    --danger-shadow-strong: rgba(255, 85, 85, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #ff5555 28%, transparent);
    --danger-shadow-subtle: rgba(255, 85, 85, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #ff5555 5%, transparent);
    --on-danger: #001100;
    --success: #33ff66;
    --success-hover: #5cff85;
    --success-subtle: rgba(51, 255, 102, 0.12);
    --success-subtle: color-mix(in srgb, #33ff66 12%, transparent);
    --success-border: rgba(51, 255, 102, 0.4);
    --success-border: color-mix(in srgb, #33ff66 40%, transparent);
    --success-border-strong: rgba(51, 255, 102, 0.55);
    --success-border-strong: color-mix(in srgb, #33ff66 55%, transparent);
    --success-shadow: rgba(51, 255, 102, 0.12);
    --success-shadow: color-mix(in srgb, #33ff66 12%, transparent);
    --on-success: #001100;
    --warning: #c8ff33;
    --warning-hover: #d6ff66;
    --warning-subtle: rgba(200, 255, 51, 0.12);
    --warning-subtle: color-mix(in srgb, #c8ff33 12%, transparent);
    --warning-border: rgba(200, 255, 51, 0.35);
    --warning-border: color-mix(in srgb, #c8ff33 35%, transparent);
    --warning-highlight-active: rgba(200, 255, 51, 0.65);
    --warning-highlight-active: color-mix(in srgb, #c8ff33 65%, transparent);
    --warning-shadow: rgba(200, 255, 51, 0.12);
    --warning-shadow: color-mix(in srgb, #c8ff33 12%, transparent);
    --warning-shadow-strong: rgba(200, 255, 51, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #c8ff33 28%, transparent);
    --warning-pulse: rgba(200, 255, 51, 0.45);
    --warning-pulse: color-mix(in srgb, #c8ff33 45%, transparent);
    --on-warning: #001100;
    --info: #33ffcc;
    --info-subtle: rgba(51, 255, 204, 0.12);
    --info-subtle: color-mix(in srgb, #33ffcc 12%, transparent);
    --info-shadow: rgba(51, 255, 204, 0.12);
    --info-shadow: color-mix(in srgb, #33ffcc 12%, transparent);
    --info-shadow-strong: rgba(51, 255, 204, 0.28);
    --info-shadow-strong: color-mix(in srgb, #33ffcc 28%, transparent);
    --on-info: #001100;
    --border: #0a4d18;
    --border-light: #116b22;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}


[data-theme="selenized-dark"] {
    --bg-primary: #103c48;
    --bg-secondary: #184956;
    --bg-tertiary: #2d5b69;
    --bg-elevated: #325b66;
    --text-primary: #cad8d9;
    --text-secondary: #adbcbc;
    --text-dim: #72898f;
    --accent: #4695f7;
    --accent-hover: #6fadf9;
    --accent-fg: #103c48;
    --accent-subtle: rgba(70, 149, 247, 0.12);
    --accent-subtle: color-mix(in srgb, #4695f7 12%, transparent);
    --accent-glow: rgba(70, 149, 247, 0.28);
    --accent-glow: color-mix(in srgb, #4695f7 28%, transparent);
    --accent-wash: rgba(70, 149, 247, 0.05);
    --accent-wash: color-mix(in srgb, #4695f7 5%, transparent);
    --accent-border: rgba(70, 149, 247, 0.35);
    --accent-border: color-mix(in srgb, #4695f7 35%, transparent);
    --accent-muted: rgba(70, 149, 247, 0.18);
    --accent-muted: color-mix(in srgb, #4695f7 18%, transparent);
    --danger: #fa5750;
    --danger-hover: #fb7972;
    --danger-subtle: rgba(250, 87, 80, 0.12);
    --danger-subtle: color-mix(in srgb, #fa5750 12%, transparent);
    --danger-border: rgba(250, 87, 80, 0.35);
    --danger-border: color-mix(in srgb, #fa5750 35%, transparent);
    --danger-shadow: rgba(250, 87, 80, 0.15);
    --danger-shadow: color-mix(in srgb, #fa5750 15%, transparent);
    --danger-shadow-strong: rgba(250, 87, 80, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #fa5750 28%, transparent);
    --danger-shadow-subtle: rgba(250, 87, 80, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #fa5750 5%, transparent);
    --on-danger: #103c48;
    --success: #75b938;
    --success-hover: #8cc857;
    --success-subtle: rgba(117, 185, 56, 0.12);
    --success-subtle: color-mix(in srgb, #75b938 12%, transparent);
    --success-border: rgba(117, 185, 56, 0.4);
    --success-border: color-mix(in srgb, #75b938 40%, transparent);
    --success-border-strong: rgba(117, 185, 56, 0.55);
    --success-border-strong: color-mix(in srgb, #75b938 55%, transparent);
    --success-shadow: rgba(117, 185, 56, 0.12);
    --success-shadow: color-mix(in srgb, #75b938 12%, transparent);
    --on-success: #103c48;
    --warning: #dbb32d;
    --warning-hover: #e3c352;
    --warning-subtle: rgba(219, 179, 45, 0.12);
    --warning-subtle: color-mix(in srgb, #dbb32d 12%, transparent);
    --warning-border: rgba(219, 179, 45, 0.35);
    --warning-border: color-mix(in srgb, #dbb32d 35%, transparent);
    --warning-highlight-active: rgba(219, 179, 45, 0.65);
    --warning-highlight-active: color-mix(in srgb, #dbb32d 65%, transparent);
    --warning-shadow: rgba(219, 179, 45, 0.12);
    --warning-shadow: color-mix(in srgb, #dbb32d 12%, transparent);
    --warning-shadow-strong: rgba(219, 179, 45, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #dbb32d 28%, transparent);
    --warning-pulse: rgba(219, 179, 45, 0.45);
    --warning-pulse: color-mix(in srgb, #dbb32d 45%, transparent);
    --on-warning: #103c48;
    --info: #41c7b9;
    --info-subtle: rgba(65, 199, 185, 0.12);
    --info-subtle: color-mix(in srgb, #41c7b9 12%, transparent);
    --info-shadow: rgba(65, 199, 185, 0.12);
    --info-shadow: color-mix(in srgb, #41c7b9 12%, transparent);
    --info-shadow-strong: rgba(65, 199, 185, 0.28);
    --info-shadow-strong: color-mix(in srgb, #41c7b9 28%, transparent);
    --on-info: #103c48;
    --border: #2d5b69;
    --border-light: #3a6776;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="selenized-light"] {
    --bg-primary: #fbf3db;
    --bg-secondary: #ece3cc;
    --bg-tertiary: #d5cdb6;
    --bg-elevated: #cbc4ab;
    --text-primary: #3a4d53;
    --text-secondary: #53676d;
    --text-dim: #909995;
    --accent: #0072d4;
    --accent-hover: #1a82e0;
    --accent-fg: #fbf3db;
    --accent-subtle: rgba(0, 114, 212, 0.12);
    --accent-subtle: color-mix(in srgb, #0072d4 12%, transparent);
    --accent-glow: rgba(0, 114, 212, 0.28);
    --accent-glow: color-mix(in srgb, #0072d4 28%, transparent);
    --accent-wash: rgba(0, 114, 212, 0.05);
    --accent-wash: color-mix(in srgb, #0072d4 5%, transparent);
    --accent-border: rgba(0, 114, 212, 0.35);
    --accent-border: color-mix(in srgb, #0072d4 35%, transparent);
    --accent-muted: rgba(0, 114, 212, 0.18);
    --accent-muted: color-mix(in srgb, #0072d4 18%, transparent);
    --danger: #d2212d;
    --danger-hover: #e23945;
    --danger-subtle: rgba(210, 33, 45, 0.12);
    --danger-subtle: color-mix(in srgb, #d2212d 12%, transparent);
    --danger-border: rgba(210, 33, 45, 0.35);
    --danger-border: color-mix(in srgb, #d2212d 35%, transparent);
    --danger-shadow: rgba(210, 33, 45, 0.15);
    --danger-shadow: color-mix(in srgb, #d2212d 15%, transparent);
    --danger-shadow-strong: rgba(210, 33, 45, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #d2212d 28%, transparent);
    --danger-shadow-subtle: rgba(210, 33, 45, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #d2212d 5%, transparent);
    --on-danger: #fbf3db;
    --success: #489100;
    --success-hover: #57a510;
    --success-subtle: rgba(72, 145, 0, 0.12);
    --success-subtle: color-mix(in srgb, #489100 12%, transparent);
    --success-border: rgba(72, 145, 0, 0.4);
    --success-border: color-mix(in srgb, #489100 40%, transparent);
    --success-border-strong: rgba(72, 145, 0, 0.55);
    --success-border-strong: color-mix(in srgb, #489100 55%, transparent);
    --success-shadow: rgba(72, 145, 0, 0.12);
    --success-shadow: color-mix(in srgb, #489100 12%, transparent);
    --on-success: #fbf3db;
    --warning: #ad8900;
    --warning-hover: #c29a0f;
    --warning-subtle: rgba(173, 137, 0, 0.12);
    --warning-subtle: color-mix(in srgb, #ad8900 12%, transparent);
    --warning-border: rgba(173, 137, 0, 0.35);
    --warning-border: color-mix(in srgb, #ad8900 35%, transparent);
    --warning-highlight-active: rgba(173, 137, 0, 0.65);
    --warning-highlight-active: color-mix(in srgb, #ad8900 65%, transparent);
    --warning-shadow: rgba(173, 137, 0, 0.12);
    --warning-shadow: color-mix(in srgb, #ad8900 12%, transparent);
    --warning-shadow-strong: rgba(173, 137, 0, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #ad8900 28%, transparent);
    --warning-pulse: rgba(173, 137, 0, 0.45);
    --warning-pulse: color-mix(in srgb, #ad8900 45%, transparent);
    --on-warning: #fbf3db;
    --info: #009c8f;
    --info-subtle: rgba(0, 156, 143, 0.12);
    --info-subtle: color-mix(in srgb, #009c8f 12%, transparent);
    --info-shadow: rgba(0, 156, 143, 0.12);
    --info-shadow: color-mix(in srgb, #009c8f 12%, transparent);
    --info-shadow-strong: rgba(0, 156, 143, 0.28);
    --info-shadow-strong: color-mix(in srgb, #009c8f 28%, transparent);
    --on-info: #fbf3db;
    --border: #d5cdb6;
    --border-light: #c4bca3;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.10);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.04);
}

[data-theme="carbon"] {
    --bg-primary: #161616;
    --bg-secondary: #1f1f1f;
    --bg-tertiary: #262626;
    --bg-elevated: #393939;
    --text-primary: #f4f4f4;
    --text-secondary: #c6c6c6;
    --text-dim: #8d8d8d;
    --accent: #4589ff;
    --accent-hover: #78a9ff;
    --accent-fg: #161616;
    --accent-subtle: rgba(69, 137, 255, 0.12);
    --accent-subtle: color-mix(in srgb, #4589ff 12%, transparent);
    --accent-glow: rgba(69, 137, 255, 0.28);
    --accent-glow: color-mix(in srgb, #4589ff 28%, transparent);
    --accent-wash: rgba(69, 137, 255, 0.05);
    --accent-wash: color-mix(in srgb, #4589ff 5%, transparent);
    --accent-border: rgba(69, 137, 255, 0.35);
    --accent-border: color-mix(in srgb, #4589ff 35%, transparent);
    --accent-muted: rgba(69, 137, 255, 0.18);
    --accent-muted: color-mix(in srgb, #4589ff 18%, transparent);
    --danger: #fa4d56;
    --danger-hover: #ff8389;
    --danger-subtle: rgba(250, 77, 86, 0.12);
    --danger-subtle: color-mix(in srgb, #fa4d56 12%, transparent);
    --danger-border: rgba(250, 77, 86, 0.35);
    --danger-border: color-mix(in srgb, #fa4d56 35%, transparent);
    --danger-shadow: rgba(250, 77, 86, 0.15);
    --danger-shadow: color-mix(in srgb, #fa4d56 15%, transparent);
    --danger-shadow-strong: rgba(250, 77, 86, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #fa4d56 28%, transparent);
    --danger-shadow-subtle: rgba(250, 77, 86, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #fa4d56 5%, transparent);
    --on-danger: #161616;
    --success: #42be65;
    --success-hover: #6fdc8c;
    --success-subtle: rgba(66, 190, 101, 0.12);
    --success-subtle: color-mix(in srgb, #42be65 12%, transparent);
    --success-border: rgba(66, 190, 101, 0.4);
    --success-border: color-mix(in srgb, #42be65 40%, transparent);
    --success-border-strong: rgba(66, 190, 101, 0.55);
    --success-border-strong: color-mix(in srgb, #42be65 55%, transparent);
    --success-shadow: rgba(66, 190, 101, 0.12);
    --success-shadow: color-mix(in srgb, #42be65 12%, transparent);
    --on-success: #161616;
    --warning: #f1c21b;
    --warning-hover: #f5d44a;
    --warning-subtle: rgba(241, 194, 27, 0.12);
    --warning-subtle: color-mix(in srgb, #f1c21b 12%, transparent);
    --warning-border: rgba(241, 194, 27, 0.35);
    --warning-border: color-mix(in srgb, #f1c21b 35%, transparent);
    --warning-highlight-active: rgba(241, 194, 27, 0.65);
    --warning-highlight-active: color-mix(in srgb, #f1c21b 65%, transparent);
    --warning-shadow: rgba(241, 194, 27, 0.12);
    --warning-shadow: color-mix(in srgb, #f1c21b 12%, transparent);
    --warning-shadow-strong: rgba(241, 194, 27, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #f1c21b 28%, transparent);
    --warning-pulse: rgba(241, 194, 27, 0.45);
    --warning-pulse: color-mix(in srgb, #f1c21b 45%, transparent);
    --on-warning: #161616;
    --info: #33b1ff;
    --info-subtle: rgba(51, 177, 255, 0.12);
    --info-subtle: color-mix(in srgb, #33b1ff 12%, transparent);
    --info-shadow: rgba(51, 177, 255, 0.12);
    --info-shadow: color-mix(in srgb, #33b1ff 12%, transparent);
    --info-shadow-strong: rgba(51, 177, 255, 0.28);
    --info-shadow-strong: color-mix(in srgb, #33b1ff 28%, transparent);
    --on-info: #161616;
    --border: #393939;
    --border-light: #525252;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.5);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.6);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.7);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.4);
}

[data-theme="material-ocean"] {
    --bg-primary: #0f111a;
    --bg-secondary: #181a24;
    --bg-tertiary: #232530;
    --bg-elevated: #2a2c38;
    --text-primary: #c5cad6;
    --text-secondary: #8f93a2;
    --text-dim: #717cb4;
    --accent: #82aaff;
    --accent-hover: #a3c0ff;
    --accent-fg: #0f111a;
    --accent-subtle: rgba(130, 170, 255, 0.12);
    --accent-subtle: color-mix(in srgb, #82aaff 12%, transparent);
    --accent-glow: rgba(130, 170, 255, 0.28);
    --accent-glow: color-mix(in srgb, #82aaff 28%, transparent);
    --accent-wash: rgba(130, 170, 255, 0.05);
    --accent-wash: color-mix(in srgb, #82aaff 5%, transparent);
    --accent-border: rgba(130, 170, 255, 0.35);
    --accent-border: color-mix(in srgb, #82aaff 35%, transparent);
    --accent-muted: rgba(130, 170, 255, 0.18);
    --accent-muted: color-mix(in srgb, #82aaff 18%, transparent);
    --danger: #ff5370;
    --danger-hover: #ff7a90;
    --danger-subtle: rgba(255, 83, 112, 0.12);
    --danger-subtle: color-mix(in srgb, #ff5370 12%, transparent);
    --danger-border: rgba(255, 83, 112, 0.35);
    --danger-border: color-mix(in srgb, #ff5370 35%, transparent);
    --danger-shadow: rgba(255, 83, 112, 0.15);
    --danger-shadow: color-mix(in srgb, #ff5370 15%, transparent);
    --danger-shadow-strong: rgba(255, 83, 112, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #ff5370 28%, transparent);
    --danger-shadow-subtle: rgba(255, 83, 112, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #ff5370 5%, transparent);
    --on-danger: #0f111a;
    --success: #c3e88d;
    --success-hover: #d4f0a8;
    --success-subtle: rgba(195, 232, 141, 0.12);
    --success-subtle: color-mix(in srgb, #c3e88d 12%, transparent);
    --success-border: rgba(195, 232, 141, 0.4);
    --success-border: color-mix(in srgb, #c3e88d 40%, transparent);
    --success-border-strong: rgba(195, 232, 141, 0.55);
    --success-border-strong: color-mix(in srgb, #c3e88d 55%, transparent);
    --success-shadow: rgba(195, 232, 141, 0.12);
    --success-shadow: color-mix(in srgb, #c3e88d 12%, transparent);
    --on-success: #0f111a;
    --warning: #ffcb6b;
    --warning-hover: #ffd98a;
    --warning-subtle: rgba(255, 203, 107, 0.12);
    --warning-subtle: color-mix(in srgb, #ffcb6b 12%, transparent);
    --warning-border: rgba(255, 203, 107, 0.35);
    --warning-border: color-mix(in srgb, #ffcb6b 35%, transparent);
    --warning-highlight-active: rgba(255, 203, 107, 0.65);
    --warning-highlight-active: color-mix(in srgb, #ffcb6b 65%, transparent);
    --warning-shadow: rgba(255, 203, 107, 0.12);
    --warning-shadow: color-mix(in srgb, #ffcb6b 12%, transparent);
    --warning-shadow-strong: rgba(255, 203, 107, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #ffcb6b 28%, transparent);
    --warning-pulse: rgba(255, 203, 107, 0.45);
    --warning-pulse: color-mix(in srgb, #ffcb6b 45%, transparent);
    --on-warning: #0f111a;
    --info: #89ddff;
    --info-subtle: rgba(137, 221, 255, 0.12);
    --info-subtle: color-mix(in srgb, #89ddff 12%, transparent);
    --info-shadow: rgba(137, 221, 255, 0.12);
    --info-shadow: color-mix(in srgb, #89ddff 12%, transparent);
    --info-shadow-strong: rgba(137, 221, 255, 0.28);
    --info-shadow-strong: color-mix(in srgb, #89ddff 28%, transparent);
    --on-info: #0f111a;
    --border: #232530;
    --border-light: #343746;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.5);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.6);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.7);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.4);
}

[data-theme="flexoki-dark"] {
    --bg-primary: #100f0f;
    --bg-secondary: #1c1b1a;
    --bg-tertiary: #282726;
    --bg-elevated: #343331;
    --text-primary: #cecdc3;
    --text-secondary: #b7b5ac;
    --text-dim: #878580;
    --accent: #4385be;
    --accent-hover: #66a0d0;
    --accent-fg: #100f0f;
    --accent-subtle: rgba(67, 133, 190, 0.12);
    --accent-subtle: color-mix(in srgb, #4385be 12%, transparent);
    --accent-glow: rgba(67, 133, 190, 0.28);
    --accent-glow: color-mix(in srgb, #4385be 28%, transparent);
    --accent-wash: rgba(67, 133, 190, 0.05);
    --accent-wash: color-mix(in srgb, #4385be 5%, transparent);
    --accent-border: rgba(67, 133, 190, 0.35);
    --accent-border: color-mix(in srgb, #4385be 35%, transparent);
    --accent-muted: rgba(67, 133, 190, 0.18);
    --accent-muted: color-mix(in srgb, #4385be 18%, transparent);
    --danger: #d14d41;
    --danger-hover: #df6e63;
    --danger-subtle: rgba(209, 77, 65, 0.12);
    --danger-subtle: color-mix(in srgb, #d14d41 12%, transparent);
    --danger-border: rgba(209, 77, 65, 0.35);
    --danger-border: color-mix(in srgb, #d14d41 35%, transparent);
    --danger-shadow: rgba(209, 77, 65, 0.15);
    --danger-shadow: color-mix(in srgb, #d14d41 15%, transparent);
    --danger-shadow-strong: rgba(209, 77, 65, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #d14d41 28%, transparent);
    --danger-shadow-subtle: rgba(209, 77, 65, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #d14d41 5%, transparent);
    --on-danger: #100f0f;
    --success: #879a39;
    --success-hover: #9faf50;
    --success-subtle: rgba(135, 154, 57, 0.12);
    --success-subtle: color-mix(in srgb, #879a39 12%, transparent);
    --success-border: rgba(135, 154, 57, 0.4);
    --success-border: color-mix(in srgb, #879a39 40%, transparent);
    --success-border-strong: rgba(135, 154, 57, 0.55);
    --success-border-strong: color-mix(in srgb, #879a39 55%, transparent);
    --success-shadow: rgba(135, 154, 57, 0.12);
    --success-shadow: color-mix(in srgb, #879a39 12%, transparent);
    --on-success: #100f0f;
    --warning: #d0a215;
    --warning-hover: #dbb43b;
    --warning-subtle: rgba(208, 162, 21, 0.12);
    --warning-subtle: color-mix(in srgb, #d0a215 12%, transparent);
    --warning-border: rgba(208, 162, 21, 0.35);
    --warning-border: color-mix(in srgb, #d0a215 35%, transparent);
    --warning-highlight-active: rgba(208, 162, 21, 0.65);
    --warning-highlight-active: color-mix(in srgb, #d0a215 65%, transparent);
    --warning-shadow: rgba(208, 162, 21, 0.12);
    --warning-shadow: color-mix(in srgb, #d0a215 12%, transparent);
    --warning-shadow-strong: rgba(208, 162, 21, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #d0a215 28%, transparent);
    --warning-pulse: rgba(208, 162, 21, 0.45);
    --warning-pulse: color-mix(in srgb, #d0a215 45%, transparent);
    --on-warning: #100f0f;
    --info: #3aa99f;
    --info-subtle: rgba(58, 169, 159, 0.12);
    --info-subtle: color-mix(in srgb, #3aa99f 12%, transparent);
    --info-shadow: rgba(58, 169, 159, 0.12);
    --info-shadow: color-mix(in srgb, #3aa99f 12%, transparent);
    --info-shadow-strong: rgba(58, 169, 159, 0.28);
    --info-shadow-strong: color-mix(in srgb, #3aa99f 28%, transparent);
    --on-info: #100f0f;
    --border: #282726;
    --border-light: #403e3c;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.5);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.6);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.7);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.4);
}

[data-theme="flexoki-light"] {
    --bg-primary: #fffcf0;
    --bg-secondary: #f2f0e5;
    --bg-tertiary: #e6e4d9;
    --bg-elevated: #dad8ce;
    --text-primary: #100f0f;
    --text-secondary: #6f6e69;
    --text-dim: #9f9d96;
    --accent: #205ea6;
    --accent-hover: #2d72c4;
    --accent-fg: #fffcf0;
    --accent-subtle: rgba(32, 94, 166, 0.12);
    --accent-subtle: color-mix(in srgb, #205ea6 12%, transparent);
    --accent-glow: rgba(32, 94, 166, 0.28);
    --accent-glow: color-mix(in srgb, #205ea6 28%, transparent);
    --accent-wash: rgba(32, 94, 166, 0.05);
    --accent-wash: color-mix(in srgb, #205ea6 5%, transparent);
    --accent-border: rgba(32, 94, 166, 0.35);
    --accent-border: color-mix(in srgb, #205ea6 35%, transparent);
    --accent-muted: rgba(32, 94, 166, 0.18);
    --accent-muted: color-mix(in srgb, #205ea6 18%, transparent);
    --danger: #af3029;
    --danger-hover: #c63d35;
    --danger-subtle: rgba(175, 48, 41, 0.12);
    --danger-subtle: color-mix(in srgb, #af3029 12%, transparent);
    --danger-border: rgba(175, 48, 41, 0.35);
    --danger-border: color-mix(in srgb, #af3029 35%, transparent);
    --danger-shadow: rgba(175, 48, 41, 0.15);
    --danger-shadow: color-mix(in srgb, #af3029 15%, transparent);
    --danger-shadow-strong: rgba(175, 48, 41, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #af3029 28%, transparent);
    --danger-shadow-subtle: rgba(175, 48, 41, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #af3029 5%, transparent);
    --on-danger: #fffcf0;
    --success: #66800b;
    --success-hover: #7a9714;
    --success-subtle: rgba(102, 128, 11, 0.12);
    --success-subtle: color-mix(in srgb, #66800b 12%, transparent);
    --success-border: rgba(102, 128, 11, 0.4);
    --success-border: color-mix(in srgb, #66800b 40%, transparent);
    --success-border-strong: rgba(102, 128, 11, 0.55);
    --success-border-strong: color-mix(in srgb, #66800b 55%, transparent);
    --success-shadow: rgba(102, 128, 11, 0.12);
    --success-shadow: color-mix(in srgb, #66800b 12%, transparent);
    --on-success: #fffcf0;
    --warning: #ad8301;
    --warning-hover: #c2940f;
    --warning-subtle: rgba(173, 131, 1, 0.12);
    --warning-subtle: color-mix(in srgb, #ad8301 12%, transparent);
    --warning-border: rgba(173, 131, 1, 0.35);
    --warning-border: color-mix(in srgb, #ad8301 35%, transparent);
    --warning-highlight-active: rgba(173, 131, 1, 0.65);
    --warning-highlight-active: color-mix(in srgb, #ad8301 65%, transparent);
    --warning-shadow: rgba(173, 131, 1, 0.12);
    --warning-shadow: color-mix(in srgb, #ad8301 12%, transparent);
    --warning-shadow-strong: rgba(173, 131, 1, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #ad8301 28%, transparent);
    --warning-pulse: rgba(173, 131, 1, 0.45);
    --warning-pulse: color-mix(in srgb, #ad8301 45%, transparent);
    --on-warning: #fffcf0;
    --info: #24837b;
    --info-subtle: rgba(36, 131, 123, 0.12);
    --info-subtle: color-mix(in srgb, #24837b 12%, transparent);
    --info-shadow: rgba(36, 131, 123, 0.12);
    --info-shadow: color-mix(in srgb, #24837b 12%, transparent);
    --info-shadow-strong: rgba(36, 131, 123, 0.28);
    --info-shadow-strong: color-mix(in srgb, #24837b 28%, transparent);
    --on-info: #fffcf0;
    --border: #e6e4d9;
    --border-light: #d3d1c4;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.10);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.04);
}

[data-theme="cyberpunk"] {
    --bg-primary: #060818;
    --bg-secondary: #0d1024;
    --bg-tertiary: #15182e;
    --bg-elevated: #1d2140;
    --text-primary: #f0f6fc;
    --text-secondary: #b8c0e0;
    --text-dim: #7a82b8;
    --accent: #00f0ff;
    --accent-hover: #5cf5ff;
    --accent-fg: #060818;
    --accent-subtle: rgba(0, 240, 255, 0.12);
    --accent-subtle: color-mix(in srgb, #00f0ff 12%, transparent);
    --accent-glow: rgba(0, 240, 255, 0.32);
    --accent-glow: color-mix(in srgb, #00f0ff 32%, transparent);
    --accent-wash: rgba(0, 240, 255, 0.06);
    --accent-wash: color-mix(in srgb, #00f0ff 6%, transparent);
    --accent-border: rgba(0, 240, 255, 0.38);
    --accent-border: color-mix(in srgb, #00f0ff 38%, transparent);
    --accent-muted: rgba(0, 240, 255, 0.18);
    --accent-muted: color-mix(in srgb, #00f0ff 18%, transparent);
    --danger: #ff003c;
    --danger-hover: #ff3d68;
    --danger-subtle: rgba(255, 0, 60, 0.14);
    --danger-subtle: color-mix(in srgb, #ff003c 14%, transparent);
    --danger-border: rgba(255, 0, 60, 0.38);
    --danger-border: color-mix(in srgb, #ff003c 38%, transparent);
    --danger-shadow: rgba(255, 0, 60, 0.18);
    --danger-shadow: color-mix(in srgb, #ff003c 18%, transparent);
    --danger-shadow-strong: rgba(255, 0, 60, 0.32);
    --danger-shadow-strong: color-mix(in srgb, #ff003c 32%, transparent);
    --danger-shadow-subtle: rgba(255, 0, 60, 0.06);
    --danger-shadow-subtle: color-mix(in srgb, #ff003c 6%, transparent);
    --on-danger: #060818;
    --success: #00ff9f;
    --success-hover: #5cffc1;
    --success-subtle: rgba(0, 255, 159, 0.12);
    --success-subtle: color-mix(in srgb, #00ff9f 12%, transparent);
    --success-border: rgba(0, 255, 159, 0.4);
    --success-border: color-mix(in srgb, #00ff9f 40%, transparent);
    --success-border-strong: rgba(0, 255, 159, 0.55);
    --success-border-strong: color-mix(in srgb, #00ff9f 55%, transparent);
    --success-shadow: rgba(0, 255, 159, 0.12);
    --success-shadow: color-mix(in srgb, #00ff9f 12%, transparent);
    --on-success: #060818;
    --warning: #fcee0a;
    --warning-hover: #fdf350;
    --warning-subtle: rgba(252, 238, 10, 0.12);
    --warning-subtle: color-mix(in srgb, #fcee0a 12%, transparent);
    --warning-border: rgba(252, 238, 10, 0.35);
    --warning-border: color-mix(in srgb, #fcee0a 35%, transparent);
    --warning-highlight-active: rgba(252, 238, 10, 0.65);
    --warning-highlight-active: color-mix(in srgb, #fcee0a 65%, transparent);
    --warning-shadow: rgba(252, 238, 10, 0.12);
    --warning-shadow: color-mix(in srgb, #fcee0a 12%, transparent);
    --warning-shadow-strong: rgba(252, 238, 10, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #fcee0a 28%, transparent);
    --warning-pulse: rgba(252, 238, 10, 0.45);
    --warning-pulse: color-mix(in srgb, #fcee0a 45%, transparent);
    --on-warning: #060818;
    --info: #bd00ff;
    --info-subtle: rgba(189, 0, 255, 0.14);
    --info-subtle: color-mix(in srgb, #bd00ff 14%, transparent);
    --info-shadow: rgba(189, 0, 255, 0.14);
    --info-shadow: color-mix(in srgb, #bd00ff 14%, transparent);
    --info-shadow-strong: rgba(189, 0, 255, 0.3);
    --info-shadow-strong: color-mix(in srgb, #bd00ff 30%, transparent);
    --on-info: #f0f6fc;
    --border: #1d2140;
    --border-light: #2a2f55;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.55);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.65);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.75);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.45);
}

[data-theme="commodore-64"] {
    --bg-primary: #352879;
    --bg-secondary: #3c2f86;
    --bg-tertiary: #443796;
    --bg-elevated: #4f43a6;
    --text-primary: #c5bdff;
    --text-secondary: #9a8fe6;
    --text-dim: #7d72cc;
    --accent: #8a7fdb;
    --accent-hover: #a89eea;
    --accent-fg: #1c1452;
    --accent-subtle: rgba(138, 127, 219, 0.14);
    --accent-subtle: color-mix(in srgb, #8a7fdb 14%, transparent);
    --accent-glow: rgba(138, 127, 219, 0.3);
    --accent-glow: color-mix(in srgb, #8a7fdb 30%, transparent);
    --accent-wash: rgba(138, 127, 219, 0.06);
    --accent-wash: color-mix(in srgb, #8a7fdb 6%, transparent);
    --accent-border: rgba(138, 127, 219, 0.38);
    --accent-border: color-mix(in srgb, #8a7fdb 38%, transparent);
    --accent-muted: rgba(138, 127, 219, 0.2);
    --accent-muted: color-mix(in srgb, #8a7fdb 20%, transparent);
    --danger: #ff6b6b;
    --danger-hover: #ff8f8f;
    --danger-subtle: rgba(255, 107, 107, 0.14);
    --danger-subtle: color-mix(in srgb, #ff6b6b 14%, transparent);
    --danger-border: rgba(255, 107, 107, 0.38);
    --danger-border: color-mix(in srgb, #ff6b6b 38%, transparent);
    --danger-shadow: rgba(255, 107, 107, 0.16);
    --danger-shadow: color-mix(in srgb, #ff6b6b 16%, transparent);
    --danger-shadow-strong: rgba(255, 107, 107, 0.3);
    --danger-shadow-strong: color-mix(in srgb, #ff6b6b 30%, transparent);
    --danger-shadow-subtle: rgba(255, 107, 107, 0.06);
    --danger-shadow-subtle: color-mix(in srgb, #ff6b6b 6%, transparent);
    --on-danger: #1c1452;
    --success: #6abe4f;
    --success-hover: #82d268;
    --success-subtle: rgba(106, 190, 79, 0.14);
    --success-subtle: color-mix(in srgb, #6abe4f 14%, transparent);
    --success-border: rgba(106, 190, 79, 0.42);
    --success-border: color-mix(in srgb, #6abe4f 42%, transparent);
    --success-border-strong: rgba(106, 190, 79, 0.55);
    --success-border-strong: color-mix(in srgb, #6abe4f 55%, transparent);
    --success-shadow: rgba(106, 190, 79, 0.14);
    --success-shadow: color-mix(in srgb, #6abe4f 14%, transparent);
    --on-success: #1c1452;
    --warning: #d4cf7a;
    --warning-hover: #e0dc96;
    --warning-subtle: rgba(212, 207, 122, 0.14);
    --warning-subtle: color-mix(in srgb, #d4cf7a 14%, transparent);
    --warning-border: rgba(212, 207, 122, 0.38);
    --warning-border: color-mix(in srgb, #d4cf7a 38%, transparent);
    --warning-highlight-active: rgba(212, 207, 122, 0.65);
    --warning-highlight-active: color-mix(in srgb, #d4cf7a 65%, transparent);
    --warning-shadow: rgba(212, 207, 122, 0.14);
    --warning-shadow: color-mix(in srgb, #d4cf7a 14%, transparent);
    --warning-shadow-strong: rgba(212, 207, 122, 0.3);
    --warning-shadow-strong: color-mix(in srgb, #d4cf7a 30%, transparent);
    --warning-pulse: rgba(212, 207, 122, 0.45);
    --warning-pulse: color-mix(in srgb, #d4cf7a 45%, transparent);
    --on-warning: #1c1452;
    --info: #6ad4cd;
    --info-subtle: rgba(106, 212, 205, 0.14);
    --info-subtle: color-mix(in srgb, #6ad4cd 14%, transparent);
    --info-shadow: rgba(106, 212, 205, 0.14);
    --info-shadow: color-mix(in srgb, #6ad4cd 14%, transparent);
    --info-shadow-strong: rgba(106, 212, 205, 0.3);
    --info-shadow-strong: color-mix(in srgb, #6ad4cd 30%, transparent);
    --on-info: #1c1452;
    --border: #4f43a6;
    --border-light: #6155b6;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}


[data-theme="aura"] {
    --bg-primary: #15141b;
    --bg-secondary: #110f18;
    --bg-tertiary: #1c1b25;
    --bg-elevated: #29263a;
    --text-primary: #edecee;
    --text-secondary: #cfcdd6;
    --text-dim: #6d6d6d;
    --accent: #a277ff;
    --accent-hover: #b794ff;
    --accent-fg: #15141b;
    --accent-subtle: rgba(162, 119, 255, 0.12);
    --accent-subtle: color-mix(in srgb, #a277ff 12%, transparent);
    --accent-glow: rgba(162, 119, 255, 0.3);
    --accent-glow: color-mix(in srgb, #a277ff 30%, transparent);
    --accent-wash: rgba(162, 119, 255, 0.06);
    --accent-wash: color-mix(in srgb, #a277ff 6%, transparent);
    --accent-border: rgba(162, 119, 255, 0.38);
    --accent-border: color-mix(in srgb, #a277ff 38%, transparent);
    --accent-muted: rgba(162, 119, 255, 0.18);
    --accent-muted: color-mix(in srgb, #a277ff 18%, transparent);
    --danger: #ff6767;
    --danger-hover: #ff8585;
    --danger-subtle: rgba(255, 103, 103, 0.14);
    --danger-subtle: color-mix(in srgb, #ff6767 14%, transparent);
    --danger-border: rgba(255, 103, 103, 0.38);
    --danger-border: color-mix(in srgb, #ff6767 38%, transparent);
    --danger-shadow: rgba(255, 103, 103, 0.16);
    --danger-shadow: color-mix(in srgb, #ff6767 16%, transparent);
    --danger-shadow-strong: rgba(255, 103, 103, 0.3);
    --danger-shadow-strong: color-mix(in srgb, #ff6767 30%, transparent);
    --danger-shadow-subtle: rgba(255, 103, 103, 0.06);
    --danger-shadow-subtle: color-mix(in srgb, #ff6767 6%, transparent);
    --on-danger: #15141b;
    --success: #61ffca;
    --success-hover: #82ffd5;
    --success-subtle: rgba(97, 255, 202, 0.12);
    --success-subtle: color-mix(in srgb, #61ffca 12%, transparent);
    --success-border: rgba(97, 255, 202, 0.4);
    --success-border: color-mix(in srgb, #61ffca 40%, transparent);
    --success-border-strong: rgba(97, 255, 202, 0.55);
    --success-border-strong: color-mix(in srgb, #61ffca 55%, transparent);
    --success-shadow: rgba(97, 255, 202, 0.12);
    --success-shadow: color-mix(in srgb, #61ffca 12%, transparent);
    --on-success: #15141b;
    --warning: #ffca85;
    --warning-hover: #ffd6a0;
    --warning-subtle: rgba(255, 202, 133, 0.12);
    --warning-subtle: color-mix(in srgb, #ffca85 12%, transparent);
    --warning-border: rgba(255, 202, 133, 0.35);
    --warning-border: color-mix(in srgb, #ffca85 35%, transparent);
    --warning-highlight-active: rgba(255, 202, 133, 0.65);
    --warning-highlight-active: color-mix(in srgb, #ffca85 65%, transparent);
    --warning-shadow: rgba(255, 202, 133, 0.12);
    --warning-shadow: color-mix(in srgb, #ffca85 12%, transparent);
    --warning-shadow-strong: rgba(255, 202, 133, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #ffca85 28%, transparent);
    --warning-pulse: rgba(255, 202, 133, 0.45);
    --warning-pulse: color-mix(in srgb, #ffca85 45%, transparent);
    --on-warning: #15141b;
    --info: #82e2ff;
    --info-subtle: rgba(130, 226, 255, 0.12);
    --info-subtle: color-mix(in srgb, #82e2ff 12%, transparent);
    --info-shadow: rgba(130, 226, 255, 0.12);
    --info-shadow: color-mix(in srgb, #82e2ff 12%, transparent);
    --info-shadow-strong: rgba(130, 226, 255, 0.28);
    --info-shadow-strong: color-mix(in srgb, #82e2ff 28%, transparent);
    --on-info: #15141b;
    --border: #29263a;
    --border-light: #3d3a52;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.45);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.55);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.65);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.35);
}

[data-theme="carbonfox"] {
    --bg-primary: #161616;
    --bg-secondary: #0c0c0c;
    --bg-tertiary: #1e1e1e;
    --bg-elevated: #353535;
    --text-primary: #f2f4f8;
    --text-secondary: #b6b8bb;
    --text-dim: #6b6b6b;
    --accent: #78a9ff;
    --accent-hover: #97bdff;
    --accent-fg: #161616;
    --accent-subtle: rgba(120, 169, 255, 0.12);
    --accent-subtle: color-mix(in srgb, #78a9ff 12%, transparent);
    --accent-glow: rgba(120, 169, 255, 0.28);
    --accent-glow: color-mix(in srgb, #78a9ff 28%, transparent);
    --accent-wash: rgba(120, 169, 255, 0.05);
    --accent-wash: color-mix(in srgb, #78a9ff 5%, transparent);
    --accent-border: rgba(120, 169, 255, 0.35);
    --accent-border: color-mix(in srgb, #78a9ff 35%, transparent);
    --accent-muted: rgba(120, 169, 255, 0.18);
    --accent-muted: color-mix(in srgb, #78a9ff 18%, transparent);
    --danger: #ee5396;
    --danger-hover: #f173ab;
    --danger-subtle: rgba(238, 83, 150, 0.14);
    --danger-subtle: color-mix(in srgb, #ee5396 14%, transparent);
    --danger-border: rgba(238, 83, 150, 0.38);
    --danger-border: color-mix(in srgb, #ee5396 38%, transparent);
    --danger-shadow: rgba(238, 83, 150, 0.16);
    --danger-shadow: color-mix(in srgb, #ee5396 16%, transparent);
    --danger-shadow-strong: rgba(238, 83, 150, 0.3);
    --danger-shadow-strong: color-mix(in srgb, #ee5396 30%, transparent);
    --danger-shadow-subtle: rgba(238, 83, 150, 0.06);
    --danger-shadow-subtle: color-mix(in srgb, #ee5396 6%, transparent);
    --on-danger: #161616;
    --success: #25be6a;
    --success-hover: #42d07f;
    --success-subtle: rgba(37, 190, 106, 0.14);
    --success-subtle: color-mix(in srgb, #25be6a 14%, transparent);
    --success-border: rgba(37, 190, 106, 0.42);
    --success-border: color-mix(in srgb, #25be6a 42%, transparent);
    --success-border-strong: rgba(37, 190, 106, 0.55);
    --success-border-strong: color-mix(in srgb, #25be6a 55%, transparent);
    --success-shadow: rgba(37, 190, 106, 0.14);
    --success-shadow: color-mix(in srgb, #25be6a 14%, transparent);
    --on-success: #161616;
    --warning: #d2a106;
    --warning-hover: #e8b923;
    --warning-subtle: rgba(210, 161, 6, 0.14);
    --warning-subtle: color-mix(in srgb, #d2a106 14%, transparent);
    --warning-border: rgba(210, 161, 6, 0.38);
    --warning-border: color-mix(in srgb, #d2a106 38%, transparent);
    --warning-highlight-active: rgba(210, 161, 6, 0.65);
    --warning-highlight-active: color-mix(in srgb, #d2a106 65%, transparent);
    --warning-shadow: rgba(210, 161, 6, 0.14);
    --warning-shadow: color-mix(in srgb, #d2a106 14%, transparent);
    --warning-shadow-strong: rgba(210, 161, 6, 0.3);
    --warning-shadow-strong: color-mix(in srgb, #d2a106 30%, transparent);
    --warning-pulse: rgba(210, 161, 6, 0.45);
    --warning-pulse: color-mix(in srgb, #d2a106 45%, transparent);
    --on-warning: #161616;
    --info: #33b1ff;
    --info-subtle: rgba(51, 177, 255, 0.14);
    --info-subtle: color-mix(in srgb, #33b1ff 14%, transparent);
    --info-shadow: rgba(51, 177, 255, 0.14);
    --info-shadow: color-mix(in srgb, #33b1ff 14%, transparent);
    --info-shadow-strong: rgba(51, 177, 255, 0.3);
    --info-shadow-strong: color-mix(in srgb, #33b1ff 30%, transparent);
    --on-info: #161616;
    --border: #353535;
    --border-light: #484848;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.5);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.6);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.7);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.4);
}

[data-theme="duskfox"] {
    --bg-primary: #232136;
    --bg-secondary: #191726;
    --bg-tertiary: #2d2a45;
    --bg-elevated: #433c59;
    --text-primary: #e0def4;
    --text-secondary: #cdcbe0;
    --text-dim: #6e6a86;
    --accent: #c4a7e7;
    --accent-hover: #d4bdf0;
    --accent-fg: #232136;
    --accent-subtle: rgba(196, 167, 231, 0.12);
    --accent-subtle: color-mix(in srgb, #c4a7e7 12%, transparent);
    --accent-glow: rgba(196, 167, 231, 0.28);
    --accent-glow: color-mix(in srgb, #c4a7e7 28%, transparent);
    --accent-wash: rgba(196, 167, 231, 0.05);
    --accent-wash: color-mix(in srgb, #c4a7e7 5%, transparent);
    --accent-border: rgba(196, 167, 231, 0.35);
    --accent-border: color-mix(in srgb, #c4a7e7 35%, transparent);
    --accent-muted: rgba(196, 167, 231, 0.18);
    --accent-muted: color-mix(in srgb, #c4a7e7 18%, transparent);
    --danger: #eb6f92;
    --danger-hover: #f08caa;
    --danger-subtle: rgba(235, 111, 146, 0.14);
    --danger-subtle: color-mix(in srgb, #eb6f92 14%, transparent);
    --danger-border: rgba(235, 111, 146, 0.38);
    --danger-border: color-mix(in srgb, #eb6f92 38%, transparent);
    --danger-shadow: rgba(235, 111, 146, 0.16);
    --danger-shadow: color-mix(in srgb, #eb6f92 16%, transparent);
    --danger-shadow-strong: rgba(235, 111, 146, 0.3);
    --danger-shadow-strong: color-mix(in srgb, #eb6f92 30%, transparent);
    --danger-shadow-subtle: rgba(235, 111, 146, 0.06);
    --danger-shadow-subtle: color-mix(in srgb, #eb6f92 6%, transparent);
    --on-danger: #232136;
    --success: #a3be8c;
    --success-hover: #b5caa3;
    --success-subtle: rgba(163, 190, 140, 0.14);
    --success-subtle: color-mix(in srgb, #a3be8c 14%, transparent);
    --success-border: rgba(163, 190, 140, 0.42);
    --success-border: color-mix(in srgb, #a3be8c 42%, transparent);
    --success-border-strong: rgba(163, 190, 140, 0.55);
    --success-border-strong: color-mix(in srgb, #a3be8c 55%, transparent);
    --success-shadow: rgba(163, 190, 140, 0.14);
    --success-shadow: color-mix(in srgb, #a3be8c 14%, transparent);
    --on-success: #232136;
    --warning: #f6c177;
    --warning-hover: #f8cf93;
    --warning-subtle: rgba(246, 193, 119, 0.14);
    --warning-subtle: color-mix(in srgb, #f6c177 14%, transparent);
    --warning-border: rgba(246, 193, 119, 0.38);
    --warning-border: color-mix(in srgb, #f6c177 38%, transparent);
    --warning-highlight-active: rgba(246, 193, 119, 0.65);
    --warning-highlight-active: color-mix(in srgb, #f6c177 65%, transparent);
    --warning-shadow: rgba(246, 193, 119, 0.14);
    --warning-shadow: color-mix(in srgb, #f6c177 14%, transparent);
    --warning-shadow-strong: rgba(246, 193, 119, 0.3);
    --warning-shadow-strong: color-mix(in srgb, #f6c177 30%, transparent);
    --warning-pulse: rgba(246, 193, 119, 0.45);
    --warning-pulse: color-mix(in srgb, #f6c177 45%, transparent);
    --on-warning: #232136;
    --info: #9ccfd8;
    --info-subtle: rgba(156, 207, 216, 0.14);
    --info-subtle: color-mix(in srgb, #9ccfd8 14%, transparent);
    --info-shadow: rgba(156, 207, 216, 0.14);
    --info-shadow: color-mix(in srgb, #9ccfd8 14%, transparent);
    --info-shadow-strong: rgba(156, 207, 216, 0.3);
    --info-shadow-strong: color-mix(in srgb, #9ccfd8 30%, transparent);
    --on-info: #232136;
    --border: #433c59;
    --border-light: #504c68;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.45);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.55);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.65);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.35);
}

[data-theme="hyper-snazzy"] {
    --bg-primary: #282a36;
    --bg-secondary: #21222c;
    --bg-tertiary: #34353f;
    --bg-elevated: #44475a;
    --text-primary: #eff0eb;
    --text-secondary: #c8c9c4;
    --text-dim: #686868;
    --accent: #57c7ff;
    --accent-hover: #7fd5ff;
    --accent-fg: #282a36;
    --accent-subtle: rgba(87, 199, 255, 0.12);
    --accent-subtle: color-mix(in srgb, #57c7ff 12%, transparent);
    --accent-glow: rgba(87, 199, 255, 0.28);
    --accent-glow: color-mix(in srgb, #57c7ff 28%, transparent);
    --accent-wash: rgba(87, 199, 255, 0.05);
    --accent-wash: color-mix(in srgb, #57c7ff 5%, transparent);
    --accent-border: rgba(87, 199, 255, 0.35);
    --accent-border: color-mix(in srgb, #57c7ff 35%, transparent);
    --accent-muted: rgba(87, 199, 255, 0.18);
    --accent-muted: color-mix(in srgb, #57c7ff 18%, transparent);
    --danger: #ff5c57;
    --danger-hover: #ff7b77;
    --danger-subtle: rgba(255, 92, 87, 0.14);
    --danger-subtle: color-mix(in srgb, #ff5c57 14%, transparent);
    --danger-border: rgba(255, 92, 87, 0.38);
    --danger-border: color-mix(in srgb, #ff5c57 38%, transparent);
    --danger-shadow: rgba(255, 92, 87, 0.16);
    --danger-shadow: color-mix(in srgb, #ff5c57 16%, transparent);
    --danger-shadow-strong: rgba(255, 92, 87, 0.3);
    --danger-shadow-strong: color-mix(in srgb, #ff5c57 30%, transparent);
    --danger-shadow-subtle: rgba(255, 92, 87, 0.06);
    --danger-shadow-subtle: color-mix(in srgb, #ff5c57 6%, transparent);
    --on-danger: #282a36;
    --success: #5af78e;
    --success-hover: #7df9a5;
    --success-subtle: rgba(90, 247, 142, 0.12);
    --success-subtle: color-mix(in srgb, #5af78e 12%, transparent);
    --success-border: rgba(90, 247, 142, 0.4);
    --success-border: color-mix(in srgb, #5af78e 40%, transparent);
    --success-border-strong: rgba(90, 247, 142, 0.55);
    --success-border-strong: color-mix(in srgb, #5af78e 55%, transparent);
    --success-shadow: rgba(90, 247, 142, 0.12);
    --success-shadow: color-mix(in srgb, #5af78e 12%, transparent);
    --on-success: #282a36;
    --warning: #f3f99d;
    --warning-hover: #f6fbb5;
    --warning-subtle: rgba(243, 249, 157, 0.12);
    --warning-subtle: color-mix(in srgb, #f3f99d 12%, transparent);
    --warning-border: rgba(243, 249, 157, 0.35);
    --warning-border: color-mix(in srgb, #f3f99d 35%, transparent);
    --warning-highlight-active: rgba(243, 249, 157, 0.65);
    --warning-highlight-active: color-mix(in srgb, #f3f99d 65%, transparent);
    --warning-shadow: rgba(243, 249, 157, 0.12);
    --warning-shadow: color-mix(in srgb, #f3f99d 12%, transparent);
    --warning-shadow-strong: rgba(243, 249, 157, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #f3f99d 28%, transparent);
    --warning-pulse: rgba(243, 249, 157, 0.45);
    --warning-pulse: color-mix(in srgb, #f3f99d 45%, transparent);
    --on-warning: #282a36;
    --info: #9aedfe;
    --info-subtle: rgba(154, 237, 254, 0.12);
    --info-subtle: color-mix(in srgb, #9aedfe 12%, transparent);
    --info-shadow: rgba(154, 237, 254, 0.12);
    --info-shadow: color-mix(in srgb, #9aedfe 12%, transparent);
    --info-shadow-strong: rgba(154, 237, 254, 0.28);
    --info-shadow-strong: color-mix(in srgb, #9aedfe 28%, transparent);
    --on-info: #282a36;
    --border: #44475a;
    --border-light: #565969;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="material-darker"] {
    --bg-primary: #212121;
    --bg-secondary: #1a1a1a;
    --bg-tertiary: #2a2a2a;
    --bg-elevated: #424242;
    --text-primary: #eeffff;
    --text-secondary: #b2ccd6;
    --text-dim: #616161;
    --accent: #80cbc4;
    --accent-hover: #99d6d0;
    --accent-fg: #212121;
    --accent-subtle: rgba(128, 203, 196, 0.12);
    --accent-subtle: color-mix(in srgb, #80cbc4 12%, transparent);
    --accent-glow: rgba(128, 203, 196, 0.28);
    --accent-glow: color-mix(in srgb, #80cbc4 28%, transparent);
    --accent-wash: rgba(128, 203, 196, 0.05);
    --accent-wash: color-mix(in srgb, #80cbc4 5%, transparent);
    --accent-border: rgba(128, 203, 196, 0.35);
    --accent-border: color-mix(in srgb, #80cbc4 35%, transparent);
    --accent-muted: rgba(128, 203, 196, 0.18);
    --accent-muted: color-mix(in srgb, #80cbc4 18%, transparent);
    --danger: #ff5370;
    --danger-hover: #ff7591;
    --danger-subtle: rgba(255, 83, 112, 0.14);
    --danger-subtle: color-mix(in srgb, #ff5370 14%, transparent);
    --danger-border: rgba(255, 83, 112, 0.38);
    --danger-border: color-mix(in srgb, #ff5370 38%, transparent);
    --danger-shadow: rgba(255, 83, 112, 0.16);
    --danger-shadow: color-mix(in srgb, #ff5370 16%, transparent);
    --danger-shadow-strong: rgba(255, 83, 112, 0.3);
    --danger-shadow-strong: color-mix(in srgb, #ff5370 30%, transparent);
    --danger-shadow-subtle: rgba(255, 83, 112, 0.06);
    --danger-shadow-subtle: color-mix(in srgb, #ff5370 6%, transparent);
    --on-danger: #212121;
    --success: #c3e88d;
    --success-hover: #d0eda3;
    --success-subtle: rgba(195, 232, 141, 0.14);
    --success-subtle: color-mix(in srgb, #c3e88d 14%, transparent);
    --success-border: rgba(195, 232, 141, 0.42);
    --success-border: color-mix(in srgb, #c3e88d 42%, transparent);
    --success-border-strong: rgba(195, 232, 141, 0.55);
    --success-border-strong: color-mix(in srgb, #c3e88d 55%, transparent);
    --success-shadow: rgba(195, 232, 141, 0.14);
    --success-shadow: color-mix(in srgb, #c3e88d 14%, transparent);
    --on-success: #212121;
    --warning: #ffcb6b;
    --warning-hover: #ffd789;
    --warning-subtle: rgba(255, 203, 107, 0.14);
    --warning-subtle: color-mix(in srgb, #ffcb6b 14%, transparent);
    --warning-border: rgba(255, 203, 107, 0.38);
    --warning-border: color-mix(in srgb, #ffcb6b 38%, transparent);
    --warning-highlight-active: rgba(255, 203, 107, 0.65);
    --warning-highlight-active: color-mix(in srgb, #ffcb6b 65%, transparent);
    --warning-shadow: rgba(255, 203, 107, 0.14);
    --warning-shadow: color-mix(in srgb, #ffcb6b 14%, transparent);
    --warning-shadow-strong: rgba(255, 203, 107, 0.3);
    --warning-shadow-strong: color-mix(in srgb, #ffcb6b 30%, transparent);
    --warning-pulse: rgba(255, 203, 107, 0.45);
    --warning-pulse: color-mix(in srgb, #ffcb6b 45%, transparent);
    --on-warning: #212121;
    --info: #82aaff;
    --info-subtle: rgba(130, 170, 255, 0.14);
    --info-subtle: color-mix(in srgb, #82aaff 14%, transparent);
    --info-shadow: rgba(130, 170, 255, 0.14);
    --info-shadow: color-mix(in srgb, #82aaff 14%, transparent);
    --info-shadow-strong: rgba(130, 170, 255, 0.3);
    --info-shadow-strong: color-mix(in srgb, #82aaff 30%, transparent);
    --on-info: #212121;
    --border: #424242;
    --border-light: #545454;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.45);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.55);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.65);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.35);
}

[data-theme="nordfox"] {
    --bg-primary: #2e3440;
    --bg-secondary: #29303c;
    --bg-tertiary: #3b4252;
    --bg-elevated: #434c5e;
    --text-primary: #cdcecf;
    --text-secondary: #aeb3bb;
    --text-dim: #60728a;
    --accent: #81a1c1;
    --accent-hover: #9bb4cf;
    --accent-fg: #2e3440;
    --accent-subtle: rgba(129, 161, 193, 0.12);
    --accent-subtle: color-mix(in srgb, #81a1c1 12%, transparent);
    --accent-glow: rgba(129, 161, 193, 0.28);
    --accent-glow: color-mix(in srgb, #81a1c1 28%, transparent);
    --accent-wash: rgba(129, 161, 193, 0.05);
    --accent-wash: color-mix(in srgb, #81a1c1 5%, transparent);
    --accent-border: rgba(129, 161, 193, 0.35);
    --accent-border: color-mix(in srgb, #81a1c1 35%, transparent);
    --accent-muted: rgba(129, 161, 193, 0.18);
    --accent-muted: color-mix(in srgb, #81a1c1 18%, transparent);
    --danger: #bf616a;
    --danger-hover: #cf737c;
    --danger-subtle: rgba(191, 97, 106, 0.14);
    --danger-subtle: color-mix(in srgb, #bf616a 14%, transparent);
    --danger-border: rgba(191, 97, 106, 0.38);
    --danger-border: color-mix(in srgb, #bf616a 38%, transparent);
    --danger-shadow: rgba(191, 97, 106, 0.16);
    --danger-shadow: color-mix(in srgb, #bf616a 16%, transparent);
    --danger-shadow-strong: rgba(191, 97, 106, 0.3);
    --danger-shadow-strong: color-mix(in srgb, #bf616a 30%, transparent);
    --danger-shadow-subtle: rgba(191, 97, 106, 0.06);
    --danger-shadow-subtle: color-mix(in srgb, #bf616a 6%, transparent);
    --on-danger: #2e3440;
    --success: #a3be8c;
    --success-hover: #b5caa3;
    --success-subtle: rgba(163, 190, 140, 0.14);
    --success-subtle: color-mix(in srgb, #a3be8c 14%, transparent);
    --success-border: rgba(163, 190, 140, 0.42);
    --success-border: color-mix(in srgb, #a3be8c 42%, transparent);
    --success-border-strong: rgba(163, 190, 140, 0.55);
    --success-border-strong: color-mix(in srgb, #a3be8c 55%, transparent);
    --success-shadow: rgba(163, 190, 140, 0.14);
    --success-shadow: color-mix(in srgb, #a3be8c 14%, transparent);
    --on-success: #2e3440;
    --warning: #ebcb8b;
    --warning-hover: #f0d6a3;
    --warning-subtle: rgba(235, 203, 139, 0.14);
    --warning-subtle: color-mix(in srgb, #ebcb8b 14%, transparent);
    --warning-border: rgba(235, 203, 139, 0.38);
    --warning-border: color-mix(in srgb, #ebcb8b 38%, transparent);
    --warning-highlight-active: rgba(235, 203, 139, 0.65);
    --warning-highlight-active: color-mix(in srgb, #ebcb8b 65%, transparent);
    --warning-shadow: rgba(235, 203, 139, 0.14);
    --warning-shadow: color-mix(in srgb, #ebcb8b 14%, transparent);
    --warning-shadow-strong: rgba(235, 203, 139, 0.3);
    --warning-shadow-strong: color-mix(in srgb, #ebcb8b 30%, transparent);
    --warning-pulse: rgba(235, 203, 139, 0.45);
    --warning-pulse: color-mix(in srgb, #ebcb8b 45%, transparent);
    --on-warning: #2e3440;
    --info: #88c0d0;
    --info-subtle: rgba(136, 192, 208, 0.14);
    --info-subtle: color-mix(in srgb, #88c0d0 14%, transparent);
    --info-shadow: rgba(136, 192, 208, 0.14);
    --info-shadow: color-mix(in srgb, #88c0d0 14%, transparent);
    --info-shadow-strong: rgba(136, 192, 208, 0.3);
    --info-shadow-strong: color-mix(in srgb, #88c0d0 30%, transparent);
    --on-info: #2e3440;
    --border: #3b4252;
    --border-light: #4c566a;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="dawnfox"] {
    --bg-primary: #faf4ed;
    --bg-secondary: #f2e9e1;
    --bg-tertiary: #efe5da;
    --bg-elevated: #dfd5cc;
    --text-primary: #575279;
    --text-secondary: #797593;
    --text-dim: #9893a5;
    --accent: #286983;
    --accent-hover: #1f5266;
    --accent-fg: #faf4ed;
    --accent-subtle: rgba(40, 105, 131, 0.1);
    --accent-subtle: color-mix(in srgb, #286983 10%, transparent);
    --accent-glow: rgba(40, 105, 131, 0.22);
    --accent-glow: color-mix(in srgb, #286983 22%, transparent);
    --accent-wash: rgba(40, 105, 131, 0.04);
    --accent-wash: color-mix(in srgb, #286983 4%, transparent);
    --accent-border: rgba(40, 105, 131, 0.3);
    --accent-border: color-mix(in srgb, #286983 30%, transparent);
    --accent-muted: rgba(40, 105, 131, 0.16);
    --accent-muted: color-mix(in srgb, #286983 16%, transparent);
    --danger: #b4637a;
    --danger-hover: #9b5266;
    --danger-subtle: rgba(180, 99, 122, 0.1);
    --danger-subtle: color-mix(in srgb, #b4637a 10%, transparent);
    --danger-border: rgba(180, 99, 122, 0.3);
    --danger-border: color-mix(in srgb, #b4637a 30%, transparent);
    --danger-shadow: rgba(180, 99, 122, 0.12);
    --danger-shadow: color-mix(in srgb, #b4637a 12%, transparent);
    --danger-shadow-strong: rgba(180, 99, 122, 0.25);
    --danger-shadow-strong: color-mix(in srgb, #b4637a 25%, transparent);
    --danger-shadow-subtle: rgba(180, 99, 122, 0.04);
    --danger-shadow-subtle: color-mix(in srgb, #b4637a 4%, transparent);
    --on-danger: #faf4ed;
    --success: #618774;
    --success-hover: #4f7160;
    --success-subtle: rgba(97, 135, 116, 0.12);
    --success-subtle: color-mix(in srgb, #618774 12%, transparent);
    --success-border: rgba(97, 135, 116, 0.35);
    --success-border: color-mix(in srgb, #618774 35%, transparent);
    --success-border-strong: rgba(97, 135, 116, 0.5);
    --success-border-strong: color-mix(in srgb, #618774 50%, transparent);
    --success-shadow: rgba(97, 135, 116, 0.1);
    --success-shadow: color-mix(in srgb, #618774 10%, transparent);
    --on-success: #faf4ed;
    --warning: #ea9d34;
    --warning-hover: #cf8420;
    --warning-subtle: rgba(234, 157, 52, 0.1);
    --warning-subtle: color-mix(in srgb, #ea9d34 10%, transparent);
    --warning-border: rgba(234, 157, 52, 0.3);
    --warning-border: color-mix(in srgb, #ea9d34 30%, transparent);
    --warning-highlight-active: rgba(234, 157, 52, 0.6);
    --warning-highlight-active: color-mix(in srgb, #ea9d34 60%, transparent);
    --warning-shadow: rgba(234, 157, 52, 0.1);
    --warning-shadow: color-mix(in srgb, #ea9d34 10%, transparent);
    --warning-shadow-strong: rgba(234, 157, 52, 0.22);
    --warning-shadow-strong: color-mix(in srgb, #ea9d34 22%, transparent);
    --warning-pulse: rgba(234, 157, 52, 0.4);
    --warning-pulse: color-mix(in srgb, #ea9d34 40%, transparent);
    --on-warning: #faf4ed;
    --info: #56949f;
    --info-subtle: rgba(86, 148, 159, 0.1);
    --info-subtle: color-mix(in srgb, #56949f 10%, transparent);
    --info-shadow: rgba(86, 148, 159, 0.1);
    --info-shadow: color-mix(in srgb, #56949f 10%, transparent);
    --info-shadow-strong: rgba(86, 148, 159, 0.22);
    --info-shadow-strong: color-mix(in srgb, #56949f 22%, transparent);
    --on-info: #faf4ed;
    --border: #dfd5cc;
    --border-light: #cbbfb3;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.10);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.04);
}

[data-theme="kanagawa-lotus"] {
    --bg-primary: #f2ecbc;
    --bg-secondary: #e5ddb0;
    --bg-tertiary: #dcd5ac;
    --bg-elevated: #d5cea3;
    --text-primary: #545464;
    --text-secondary: #43436c;
    --text-dim: #777462;
    --accent: #4d699b;
    --accent-hover: #3a5681;
    --accent-fg: #f2ecbc;
    --accent-subtle: rgba(77, 105, 155, 0.1);
    --accent-subtle: color-mix(in srgb, #4d699b 10%, transparent);
    --accent-glow: rgba(77, 105, 155, 0.22);
    --accent-glow: color-mix(in srgb, #4d699b 22%, transparent);
    --accent-wash: rgba(77, 105, 155, 0.04);
    --accent-wash: color-mix(in srgb, #4d699b 4%, transparent);
    --accent-border: rgba(77, 105, 155, 0.3);
    --accent-border: color-mix(in srgb, #4d699b 30%, transparent);
    --accent-muted: rgba(77, 105, 155, 0.16);
    --accent-muted: color-mix(in srgb, #4d699b 16%, transparent);
    --danger: #c84053;
    --danger-hover: #b02f41;
    --danger-subtle: rgba(200, 64, 83, 0.1);
    --danger-subtle: color-mix(in srgb, #c84053 10%, transparent);
    --danger-border: rgba(200, 64, 83, 0.3);
    --danger-border: color-mix(in srgb, #c84053 30%, transparent);
    --danger-shadow: rgba(200, 64, 83, 0.12);
    --danger-shadow: color-mix(in srgb, #c84053 12%, transparent);
    --danger-shadow-strong: rgba(200, 64, 83, 0.25);
    --danger-shadow-strong: color-mix(in srgb, #c84053 25%, transparent);
    --danger-shadow-subtle: rgba(200, 64, 83, 0.04);
    --danger-shadow-subtle: color-mix(in srgb, #c84053 4%, transparent);
    --on-danger: #f2ecbc;
    --success: #6f894e;
    --success-hover: #5b7340;
    --success-subtle: rgba(111, 137, 78, 0.12);
    --success-subtle: color-mix(in srgb, #6f894e 12%, transparent);
    --success-border: rgba(111, 137, 78, 0.35);
    --success-border: color-mix(in srgb, #6f894e 35%, transparent);
    --success-border-strong: rgba(111, 137, 78, 0.5);
    --success-border-strong: color-mix(in srgb, #6f894e 50%, transparent);
    --success-shadow: rgba(111, 137, 78, 0.1);
    --success-shadow: color-mix(in srgb, #6f894e 10%, transparent);
    --on-success: #f2ecbc;
    --warning: #cc6d00;
    --warning-hover: #ad5c00;
    --warning-subtle: rgba(204, 109, 0, 0.1);
    --warning-subtle: color-mix(in srgb, #cc6d00 10%, transparent);
    --warning-border: rgba(204, 109, 0, 0.3);
    --warning-border: color-mix(in srgb, #cc6d00 30%, transparent);
    --warning-highlight-active: rgba(204, 109, 0, 0.6);
    --warning-highlight-active: color-mix(in srgb, #cc6d00 60%, transparent);
    --warning-shadow: rgba(204, 109, 0, 0.1);
    --warning-shadow: color-mix(in srgb, #cc6d00 10%, transparent);
    --warning-shadow-strong: rgba(204, 109, 0, 0.22);
    --warning-shadow-strong: color-mix(in srgb, #cc6d00 22%, transparent);
    --warning-pulse: rgba(204, 109, 0, 0.4);
    --warning-pulse: color-mix(in srgb, #cc6d00 40%, transparent);
    --on-warning: #f2ecbc;
    --info: #597b75;
    --info-subtle: rgba(89, 123, 117, 0.1);
    --info-subtle: color-mix(in srgb, #597b75 10%, transparent);
    --info-shadow: rgba(89, 123, 117, 0.1);
    --info-shadow: color-mix(in srgb, #597b75 10%, transparent);
    --info-shadow-strong: rgba(89, 123, 117, 0.22);
    --info-shadow-strong: color-mix(in srgb, #597b75 22%, transparent);
    --on-info: #f2ecbc;
    --border: #d5cea3;
    --border-light: #c3bb8e;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.10);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.04);
}

[data-theme="material-lighter"] {
    --bg-primary: #fafafa;
    --bg-secondary: #f4f4f4;
    --bg-tertiary: #eaeaea;
    --bg-elevated: #e7e7e8;
    --text-primary: #546e7a;
    --text-secondary: #607d8b;
    --text-dim: #90a4ae;
    --accent: #39adb5;
    --accent-hover: #2e9aa1;
    --accent-fg: #fafafa;
    --accent-subtle: rgba(57, 173, 181, 0.1);
    --accent-subtle: color-mix(in srgb, #39adb5 10%, transparent);
    --accent-glow: rgba(57, 173, 181, 0.22);
    --accent-glow: color-mix(in srgb, #39adb5 22%, transparent);
    --accent-wash: rgba(57, 173, 181, 0.04);
    --accent-wash: color-mix(in srgb, #39adb5 4%, transparent);
    --accent-border: rgba(57, 173, 181, 0.3);
    --accent-border: color-mix(in srgb, #39adb5 30%, transparent);
    --accent-muted: rgba(57, 173, 181, 0.16);
    --accent-muted: color-mix(in srgb, #39adb5 16%, transparent);
    --danger: #e53935;
    --danger-hover: #c62f2c;
    --danger-subtle: rgba(229, 57, 53, 0.1);
    --danger-subtle: color-mix(in srgb, #e53935 10%, transparent);
    --danger-border: rgba(229, 57, 53, 0.3);
    --danger-border: color-mix(in srgb, #e53935 30%, transparent);
    --danger-shadow: rgba(229, 57, 53, 0.12);
    --danger-shadow: color-mix(in srgb, #e53935 12%, transparent);
    --danger-shadow-strong: rgba(229, 57, 53, 0.25);
    --danger-shadow-strong: color-mix(in srgb, #e53935 25%, transparent);
    --danger-shadow-subtle: rgba(229, 57, 53, 0.04);
    --danger-shadow-subtle: color-mix(in srgb, #e53935 4%, transparent);
    --on-danger: #fafafa;
    --success: #91b859;
    --success-hover: #7ba049;
    --success-subtle: rgba(145, 184, 89, 0.12);
    --success-subtle: color-mix(in srgb, #91b859 12%, transparent);
    --success-border: rgba(145, 184, 89, 0.35);
    --success-border: color-mix(in srgb, #91b859 35%, transparent);
    --success-border-strong: rgba(145, 184, 89, 0.5);
    --success-border-strong: color-mix(in srgb, #91b859 50%, transparent);
    --success-shadow: rgba(145, 184, 89, 0.1);
    --success-shadow: color-mix(in srgb, #91b859 10%, transparent);
    --on-success: #fafafa;
    --warning: #f6a434;
    --warning-hover: #db8d20;
    --warning-subtle: rgba(246, 164, 52, 0.1);
    --warning-subtle: color-mix(in srgb, #f6a434 10%, transparent);
    --warning-border: rgba(246, 164, 52, 0.3);
    --warning-border: color-mix(in srgb, #f6a434 30%, transparent);
    --warning-highlight-active: rgba(246, 164, 52, 0.6);
    --warning-highlight-active: color-mix(in srgb, #f6a434 60%, transparent);
    --warning-shadow: rgba(246, 164, 52, 0.1);
    --warning-shadow: color-mix(in srgb, #f6a434 10%, transparent);
    --warning-shadow-strong: rgba(246, 164, 52, 0.22);
    --warning-shadow-strong: color-mix(in srgb, #f6a434 22%, transparent);
    --warning-pulse: rgba(246, 164, 52, 0.4);
    --warning-pulse: color-mix(in srgb, #f6a434 40%, transparent);
    --on-warning: #fafafa;
    --info: #6182b8;
    --info-subtle: rgba(97, 130, 184, 0.1);
    --info-subtle: color-mix(in srgb, #6182b8 10%, transparent);
    --info-shadow: rgba(97, 130, 184, 0.1);
    --info-shadow: color-mix(in srgb, #6182b8 10%, transparent);
    --info-shadow-strong: rgba(97, 130, 184, 0.22);
    --info-shadow-strong: color-mix(in srgb, #6182b8 22%, transparent);
    --on-info: #fafafa;
    --border: #e7e7e8;
    --border-light: #cfd8dc;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.10);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.04);
}

[data-theme="blueberry"] {
    --bg-primary: #0b1020;
    --bg-secondary: #121a30;
    --bg-tertiary: #1a2440;
    --bg-elevated: #243154;
    --text-primary: #e6ecff;
    --text-secondary: #b8c4e6;
    --text-dim: #6b7bb0;
    --accent: #6c8cff;
    --accent-hover: #8aa3ff;
    --accent-fg: #0b1020;
    --accent-subtle: rgba(108, 140, 255, 0.14);
    --accent-subtle: color-mix(in srgb, #6c8cff 14%, transparent);
    --accent-glow: rgba(108, 140, 255, 0.3);
    --accent-glow: color-mix(in srgb, #6c8cff 30%, transparent);
    --accent-wash: rgba(108, 140, 255, 0.06);
    --accent-wash: color-mix(in srgb, #6c8cff 6%, transparent);
    --accent-border: rgba(108, 140, 255, 0.38);
    --accent-border: color-mix(in srgb, #6c8cff 38%, transparent);
    --accent-muted: rgba(108, 140, 255, 0.2);
    --accent-muted: color-mix(in srgb, #6c8cff 20%, transparent);
    --danger: #ff6b81;
    --danger-hover: #ff8a9b;
    --danger-subtle: rgba(255, 107, 129, 0.12);
    --danger-subtle: color-mix(in srgb, #ff6b81 12%, transparent);
    --danger-border: rgba(255, 107, 129, 0.35);
    --danger-border: color-mix(in srgb, #ff6b81 35%, transparent);
    --danger-shadow: rgba(255, 107, 129, 0.15);
    --danger-shadow: color-mix(in srgb, #ff6b81 15%, transparent);
    --danger-shadow-strong: rgba(255, 107, 129, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #ff6b81 28%, transparent);
    --danger-shadow-subtle: rgba(255, 107, 129, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #ff6b81 5%, transparent);
    --on-danger: #0b1020;
    --success: #5fd0a0;
    --success-hover: #7fdcb5;
    --success-subtle: rgba(95, 208, 160, 0.12);
    --success-subtle: color-mix(in srgb, #5fd0a0 12%, transparent);
    --success-border: rgba(95, 208, 160, 0.4);
    --success-border: color-mix(in srgb, #5fd0a0 40%, transparent);
    --success-border-strong: rgba(95, 208, 160, 0.55);
    --success-border-strong: color-mix(in srgb, #5fd0a0 55%, transparent);
    --success-shadow: rgba(95, 208, 160, 0.12);
    --success-shadow: color-mix(in srgb, #5fd0a0 12%, transparent);
    --on-success: #0b1020;
    --warning: #ffcf6b;
    --warning-hover: #ffdb8c;
    --warning-subtle: rgba(255, 207, 107, 0.12);
    --warning-subtle: color-mix(in srgb, #ffcf6b 12%, transparent);
    --warning-border: rgba(255, 207, 107, 0.35);
    --warning-border: color-mix(in srgb, #ffcf6b 35%, transparent);
    --warning-highlight-active: rgba(255, 207, 107, 0.65);
    --warning-highlight-active: color-mix(in srgb, #ffcf6b 65%, transparent);
    --warning-shadow: rgba(255, 207, 107, 0.12);
    --warning-shadow: color-mix(in srgb, #ffcf6b 12%, transparent);
    --warning-shadow-strong: rgba(255, 207, 107, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #ffcf6b 28%, transparent);
    --warning-pulse: rgba(255, 207, 107, 0.45);
    --warning-pulse: color-mix(in srgb, #ffcf6b 45%, transparent);
    --on-warning: #0b1020;
    --info: #7aa2f7;
    --info-subtle: rgba(122, 162, 247, 0.14);
    --info-subtle: color-mix(in srgb, #7aa2f7 14%, transparent);
    --info-shadow: rgba(122, 162, 247, 0.14);
    --info-shadow: color-mix(in srgb, #7aa2f7 14%, transparent);
    --info-shadow-strong: rgba(122, 162, 247, 0.3);
    --info-shadow-strong: color-mix(in srgb, #7aa2f7 30%, transparent);
    --on-info: #0b1020;
    --border: #1a2440;
    --border-light: #243154;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="coral-reef"] {
    --bg-primary: #fef6f3;
    --bg-secondary: #fdece6;
    --bg-tertiary: #fbe0d6;
    --bg-elevated: #f6cdbe;
    --text-primary: #3a2a26;
    --text-secondary: #6b4f48;
    --text-dim: #a8857b;
    --accent: #ff6f61;
    --accent-hover: #e85c4f;
    --accent-fg: #fff8f5;
    --accent-subtle: rgba(255, 111, 97, 0.14);
    --accent-subtle: color-mix(in srgb, #ff6f61 14%, transparent);
    --accent-glow: rgba(255, 111, 97, 0.3);
    --accent-glow: color-mix(in srgb, #ff6f61 30%, transparent);
    --accent-wash: rgba(255, 111, 97, 0.06);
    --accent-wash: color-mix(in srgb, #ff6f61 6%, transparent);
    --accent-border: rgba(255, 111, 97, 0.38);
    --accent-border: color-mix(in srgb, #ff6f61 38%, transparent);
    --accent-muted: rgba(255, 111, 97, 0.2);
    --accent-muted: color-mix(in srgb, #ff6f61 20%, transparent);
    --danger: #d7263d;
    --danger-hover: #b51f33;
    --danger-subtle: rgba(215, 38, 61, 0.12);
    --danger-subtle: color-mix(in srgb, #d7263d 12%, transparent);
    --danger-border: rgba(215, 38, 61, 0.35);
    --danger-border: color-mix(in srgb, #d7263d 35%, transparent);
    --danger-shadow: rgba(215, 38, 61, 0.15);
    --danger-shadow: color-mix(in srgb, #d7263d 15%, transparent);
    --danger-shadow-strong: rgba(215, 38, 61, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #d7263d 28%, transparent);
    --danger-shadow-subtle: rgba(215, 38, 61, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #d7263d 5%, transparent);
    --on-danger: #fff8f5;
    --success: #1ca97c;
    --success-hover: #178a66;
    --success-subtle: rgba(28, 169, 124, 0.12);
    --success-subtle: color-mix(in srgb, #1ca97c 12%, transparent);
    --success-border: rgba(28, 169, 124, 0.4);
    --success-border: color-mix(in srgb, #1ca97c 40%, transparent);
    --success-border-strong: rgba(28, 169, 124, 0.55);
    --success-border-strong: color-mix(in srgb, #1ca97c 55%, transparent);
    --success-shadow: rgba(28, 169, 124, 0.12);
    --success-shadow: color-mix(in srgb, #1ca97c 12%, transparent);
    --on-success: #fff8f5;
    --warning: #e8930c;
    --warning-hover: #c97b08;
    --warning-subtle: rgba(232, 147, 12, 0.12);
    --warning-subtle: color-mix(in srgb, #e8930c 12%, transparent);
    --warning-border: rgba(232, 147, 12, 0.35);
    --warning-border: color-mix(in srgb, #e8930c 35%, transparent);
    --warning-highlight-active: rgba(232, 147, 12, 0.65);
    --warning-highlight-active: color-mix(in srgb, #e8930c 65%, transparent);
    --warning-shadow: rgba(232, 147, 12, 0.12);
    --warning-shadow: color-mix(in srgb, #e8930c 12%, transparent);
    --warning-shadow-strong: rgba(232, 147, 12, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #e8930c 28%, transparent);
    --warning-pulse: rgba(232, 147, 12, 0.45);
    --warning-pulse: color-mix(in srgb, #e8930c 45%, transparent);
    --on-warning: #fff8f5;
    --info: #2a9d8f;
    --info-subtle: rgba(42, 157, 143, 0.14);
    --info-subtle: color-mix(in srgb, #2a9d8f 14%, transparent);
    --info-shadow: rgba(42, 157, 143, 0.14);
    --info-shadow: color-mix(in srgb, #2a9d8f 14%, transparent);
    --info-shadow-strong: rgba(42, 157, 143, 0.3);
    --info-shadow-strong: color-mix(in srgb, #2a9d8f 30%, transparent);
    --on-info: #fff8f5;
    --border: #f3d3c8;
    --border-light: #e7b8a8;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.16);
    --shadow-inset: inset 0 1px 3px rgba(0, 0, 0, 0.06);
}

[data-theme="outrun"] {
    --bg-primary: #1a0b2e;
    --bg-secondary: #241043;
    --bg-tertiary: #311a57;
    --bg-elevated: #43266f;
    --text-primary: #ffe6ff;
    --text-secondary: #d8b4ff;
    --text-dim: #9a6fc7;
    --accent: #ff2e97;
    --accent-hover: #ff5cae;
    --accent-fg: #1a0b2e;
    --accent-subtle: rgba(255, 46, 151, 0.14);
    --accent-subtle: color-mix(in srgb, #ff2e97 14%, transparent);
    --accent-glow: rgba(255, 46, 151, 0.3);
    --accent-glow: color-mix(in srgb, #ff2e97 30%, transparent);
    --accent-wash: rgba(255, 46, 151, 0.06);
    --accent-wash: color-mix(in srgb, #ff2e97 6%, transparent);
    --accent-border: rgba(255, 46, 151, 0.38);
    --accent-border: color-mix(in srgb, #ff2e97 38%, transparent);
    --accent-muted: rgba(255, 46, 151, 0.2);
    --accent-muted: color-mix(in srgb, #ff2e97 20%, transparent);
    --danger: #ff3864;
    --danger-hover: #ff5e82;
    --danger-subtle: rgba(255, 56, 100, 0.12);
    --danger-subtle: color-mix(in srgb, #ff3864 12%, transparent);
    --danger-border: rgba(255, 56, 100, 0.35);
    --danger-border: color-mix(in srgb, #ff3864 35%, transparent);
    --danger-shadow: rgba(255, 56, 100, 0.15);
    --danger-shadow: color-mix(in srgb, #ff3864 15%, transparent);
    --danger-shadow-strong: rgba(255, 56, 100, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #ff3864 28%, transparent);
    --danger-shadow-subtle: rgba(255, 56, 100, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #ff3864 5%, transparent);
    --on-danger: #1a0b2e;
    --success: #36e2c4;
    --success-hover: #5eead0;
    --success-subtle: rgba(54, 226, 196, 0.12);
    --success-subtle: color-mix(in srgb, #36e2c4 12%, transparent);
    --success-border: rgba(54, 226, 196, 0.4);
    --success-border: color-mix(in srgb, #36e2c4 40%, transparent);
    --success-border-strong: rgba(54, 226, 196, 0.55);
    --success-border-strong: color-mix(in srgb, #36e2c4 55%, transparent);
    --success-shadow: rgba(54, 226, 196, 0.12);
    --success-shadow: color-mix(in srgb, #36e2c4 12%, transparent);
    --on-success: #1a0b2e;
    --warning: #ffb627;
    --warning-hover: #ffc857;
    --warning-subtle: rgba(255, 182, 39, 0.12);
    --warning-subtle: color-mix(in srgb, #ffb627 12%, transparent);
    --warning-border: rgba(255, 182, 39, 0.35);
    --warning-border: color-mix(in srgb, #ffb627 35%, transparent);
    --warning-highlight-active: rgba(255, 182, 39, 0.65);
    --warning-highlight-active: color-mix(in srgb, #ffb627 65%, transparent);
    --warning-shadow: rgba(255, 182, 39, 0.12);
    --warning-shadow: color-mix(in srgb, #ffb627 12%, transparent);
    --warning-shadow-strong: rgba(255, 182, 39, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #ffb627 28%, transparent);
    --warning-pulse: rgba(255, 182, 39, 0.45);
    --warning-pulse: color-mix(in srgb, #ffb627 45%, transparent);
    --on-warning: #1a0b2e;
    --info: #7b5cff;
    --info-subtle: rgba(123, 92, 255, 0.14);
    --info-subtle: color-mix(in srgb, #7b5cff 14%, transparent);
    --info-shadow: rgba(123, 92, 255, 0.14);
    --info-shadow: color-mix(in srgb, #7b5cff 14%, transparent);
    --info-shadow-strong: rgba(123, 92, 255, 0.3);
    --info-shadow-strong: color-mix(in srgb, #7b5cff 30%, transparent);
    --on-info: #1a0b2e;
    --border: #311a57;
    --border-light: #43266f;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="tron"] {
    --bg-primary: #000a0f;
    --bg-secondary: #011319;
    --bg-tertiary: #021d26;
    --bg-elevated: #053140;
    --text-primary: #d6faff;
    --text-secondary: #8fe6f5;
    --text-dim: #3f8294;
    --accent: #19e0ff;
    --accent-hover: #5ceaff;
    --accent-fg: #000a0f;
    --accent-subtle: rgba(25, 224, 255, 0.14);
    --accent-subtle: color-mix(in srgb, #19e0ff 14%, transparent);
    --accent-glow: rgba(25, 224, 255, 0.3);
    --accent-glow: color-mix(in srgb, #19e0ff 30%, transparent);
    --accent-wash: rgba(25, 224, 255, 0.06);
    --accent-wash: color-mix(in srgb, #19e0ff 6%, transparent);
    --accent-border: rgba(25, 224, 255, 0.38);
    --accent-border: color-mix(in srgb, #19e0ff 38%, transparent);
    --accent-muted: rgba(25, 224, 255, 0.2);
    --accent-muted: color-mix(in srgb, #19e0ff 20%, transparent);
    --danger: #ff5d3b;
    --danger-hover: #ff7b5e;
    --danger-subtle: rgba(255, 93, 59, 0.12);
    --danger-subtle: color-mix(in srgb, #ff5d3b 12%, transparent);
    --danger-border: rgba(255, 93, 59, 0.35);
    --danger-border: color-mix(in srgb, #ff5d3b 35%, transparent);
    --danger-shadow: rgba(255, 93, 59, 0.15);
    --danger-shadow: color-mix(in srgb, #ff5d3b 15%, transparent);
    --danger-shadow-strong: rgba(255, 93, 59, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #ff5d3b 28%, transparent);
    --danger-shadow-subtle: rgba(255, 93, 59, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #ff5d3b 5%, transparent);
    --on-danger: #000a0f;
    --success: #36ffd0;
    --success-hover: #67ffdc;
    --success-subtle: rgba(54, 255, 208, 0.12);
    --success-subtle: color-mix(in srgb, #36ffd0 12%, transparent);
    --success-border: rgba(54, 255, 208, 0.4);
    --success-border: color-mix(in srgb, #36ffd0 40%, transparent);
    --success-border-strong: rgba(54, 255, 208, 0.55);
    --success-border-strong: color-mix(in srgb, #36ffd0 55%, transparent);
    --success-shadow: rgba(54, 255, 208, 0.12);
    --success-shadow: color-mix(in srgb, #36ffd0 12%, transparent);
    --on-success: #000a0f;
    --warning: #ffb000;
    --warning-hover: #ffc23d;
    --warning-subtle: rgba(255, 176, 0, 0.12);
    --warning-subtle: color-mix(in srgb, #ffb000 12%, transparent);
    --warning-border: rgba(255, 176, 0, 0.35);
    --warning-border: color-mix(in srgb, #ffb000 35%, transparent);
    --warning-highlight-active: rgba(255, 176, 0, 0.65);
    --warning-highlight-active: color-mix(in srgb, #ffb000 65%, transparent);
    --warning-shadow: rgba(255, 176, 0, 0.12);
    --warning-shadow: color-mix(in srgb, #ffb000 12%, transparent);
    --warning-shadow-strong: rgba(255, 176, 0, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #ffb000 28%, transparent);
    --warning-pulse: rgba(255, 176, 0, 0.45);
    --warning-pulse: color-mix(in srgb, #ffb000 45%, transparent);
    --on-warning: #000a0f;
    --info: #00b0d8;
    --info-subtle: rgba(0, 176, 216, 0.14);
    --info-subtle: color-mix(in srgb, #00b0d8 14%, transparent);
    --info-shadow: rgba(0, 176, 216, 0.14);
    --info-shadow: color-mix(in srgb, #00b0d8 14%, transparent);
    --info-shadow-strong: rgba(0, 176, 216, 0.3);
    --info-shadow-strong: color-mix(in srgb, #00b0d8 30%, transparent);
    --on-info: #000a0f;
    --border: #021d26;
    --border-light: #053140;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="pumpkin-spice"] {
    --bg-primary: #fdf3e7;
    --bg-secondary: #f8e7d2;
    --bg-tertiary: #f1d8ba;
    --bg-elevated: #e6c099;
    --text-primary: #3d2a16;
    --text-secondary: #6e4f30;
    --text-dim: #a8835c;
    --accent: #c4561a;
    --accent-hover: #a8470f;
    --accent-fg: #fdf3e7;
    --accent-subtle: rgba(196, 86, 26, 0.14);
    --accent-subtle: color-mix(in srgb, #c4561a 14%, transparent);
    --accent-glow: rgba(196, 86, 26, 0.3);
    --accent-glow: color-mix(in srgb, #c4561a 30%, transparent);
    --accent-wash: rgba(196, 86, 26, 0.06);
    --accent-wash: color-mix(in srgb, #c4561a 6%, transparent);
    --accent-border: rgba(196, 86, 26, 0.38);
    --accent-border: color-mix(in srgb, #c4561a 38%, transparent);
    --accent-muted: rgba(196, 86, 26, 0.2);
    --accent-muted: color-mix(in srgb, #c4561a 20%, transparent);
    --danger: #b22222;
    --danger-hover: #971b1b;
    --danger-subtle: rgba(178, 34, 34, 0.12);
    --danger-subtle: color-mix(in srgb, #b22222 12%, transparent);
    --danger-border: rgba(178, 34, 34, 0.35);
    --danger-border: color-mix(in srgb, #b22222 35%, transparent);
    --danger-shadow: rgba(178, 34, 34, 0.15);
    --danger-shadow: color-mix(in srgb, #b22222 15%, transparent);
    --danger-shadow-strong: rgba(178, 34, 34, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #b22222 28%, transparent);
    --danger-shadow-subtle: rgba(178, 34, 34, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #b22222 5%, transparent);
    --on-danger: #fdf3e7;
    --success: #6b8e23;
    --success-hover: #587618;
    --success-subtle: rgba(107, 142, 35, 0.12);
    --success-subtle: color-mix(in srgb, #6b8e23 12%, transparent);
    --success-border: rgba(107, 142, 35, 0.4);
    --success-border: color-mix(in srgb, #6b8e23 40%, transparent);
    --success-border-strong: rgba(107, 142, 35, 0.55);
    --success-border-strong: color-mix(in srgb, #6b8e23 55%, transparent);
    --success-shadow: rgba(107, 142, 35, 0.12);
    --success-shadow: color-mix(in srgb, #6b8e23 12%, transparent);
    --on-success: #fdf3e7;
    --warning: #d98c00;
    --warning-hover: #bb7800;
    --warning-subtle: rgba(217, 140, 0, 0.12);
    --warning-subtle: color-mix(in srgb, #d98c00 12%, transparent);
    --warning-border: rgba(217, 140, 0, 0.35);
    --warning-border: color-mix(in srgb, #d98c00 35%, transparent);
    --warning-highlight-active: rgba(217, 140, 0, 0.65);
    --warning-highlight-active: color-mix(in srgb, #d98c00 65%, transparent);
    --warning-shadow: rgba(217, 140, 0, 0.12);
    --warning-shadow: color-mix(in srgb, #d98c00 12%, transparent);
    --warning-shadow-strong: rgba(217, 140, 0, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #d98c00 28%, transparent);
    --warning-pulse: rgba(217, 140, 0, 0.45);
    --warning-pulse: color-mix(in srgb, #d98c00 45%, transparent);
    --on-warning: #fdf3e7;
    --info: #8a5a2b;
    --info-subtle: rgba(138, 90, 43, 0.14);
    --info-subtle: color-mix(in srgb, #8a5a2b 14%, transparent);
    --info-shadow: rgba(138, 90, 43, 0.14);
    --info-shadow: color-mix(in srgb, #8a5a2b 14%, transparent);
    --info-shadow-strong: rgba(138, 90, 43, 0.3);
    --info-shadow-strong: color-mix(in srgb, #8a5a2b 30%, transparent);
    --on-info: #fdf3e7;
    --border: #ecd6b9;
    --border-light: #ddc19e;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.16);
    --shadow-inset: inset 0 1px 3px rgba(0, 0, 0, 0.06);
}

[data-theme="deep-space"] {
    --bg-primary: #05060d;
    --bg-secondary: #0a0d1a;
    --bg-tertiary: #111527;
    --bg-elevated: #1c2240;
    --text-primary: #e3e6f5;
    --text-secondary: #aeb4d6;
    --text-dim: #5e6592;
    --accent: #9d7bff;
    --accent-hover: #b399ff;
    --accent-fg: #05060d;
    --accent-subtle: rgba(157, 123, 255, 0.14);
    --accent-subtle: color-mix(in srgb, #9d7bff 14%, transparent);
    --accent-glow: rgba(157, 123, 255, 0.3);
    --accent-glow: color-mix(in srgb, #9d7bff 30%, transparent);
    --accent-wash: rgba(157, 123, 255, 0.06);
    --accent-wash: color-mix(in srgb, #9d7bff 6%, transparent);
    --accent-border: rgba(157, 123, 255, 0.38);
    --accent-border: color-mix(in srgb, #9d7bff 38%, transparent);
    --accent-muted: rgba(157, 123, 255, 0.2);
    --accent-muted: color-mix(in srgb, #9d7bff 20%, transparent);
    --danger: #ff5470;
    --danger-hover: #ff7489;
    --danger-subtle: rgba(255, 84, 112, 0.12);
    --danger-subtle: color-mix(in srgb, #ff5470 12%, transparent);
    --danger-border: rgba(255, 84, 112, 0.35);
    --danger-border: color-mix(in srgb, #ff5470 35%, transparent);
    --danger-shadow: rgba(255, 84, 112, 0.15);
    --danger-shadow: color-mix(in srgb, #ff5470 15%, transparent);
    --danger-shadow-strong: rgba(255, 84, 112, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #ff5470 28%, transparent);
    --danger-shadow-subtle: rgba(255, 84, 112, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #ff5470 5%, transparent);
    --on-danger: #05060d;
    --success: #3fd6a6;
    --success-hover: #62deb7;
    --success-subtle: rgba(63, 214, 166, 0.12);
    --success-subtle: color-mix(in srgb, #3fd6a6 12%, transparent);
    --success-border: rgba(63, 214, 166, 0.4);
    --success-border: color-mix(in srgb, #3fd6a6 40%, transparent);
    --success-border-strong: rgba(63, 214, 166, 0.55);
    --success-border-strong: color-mix(in srgb, #3fd6a6 55%, transparent);
    --success-shadow: rgba(63, 214, 166, 0.12);
    --success-shadow: color-mix(in srgb, #3fd6a6 12%, transparent);
    --on-success: #05060d;
    --warning: #ffd166;
    --warning-hover: #ffdc8a;
    --warning-subtle: rgba(255, 209, 102, 0.12);
    --warning-subtle: color-mix(in srgb, #ffd166 12%, transparent);
    --warning-border: rgba(255, 209, 102, 0.35);
    --warning-border: color-mix(in srgb, #ffd166 35%, transparent);
    --warning-highlight-active: rgba(255, 209, 102, 0.65);
    --warning-highlight-active: color-mix(in srgb, #ffd166 65%, transparent);
    --warning-shadow: rgba(255, 209, 102, 0.12);
    --warning-shadow: color-mix(in srgb, #ffd166 12%, transparent);
    --warning-shadow-strong: rgba(255, 209, 102, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #ffd166 28%, transparent);
    --warning-pulse: rgba(255, 209, 102, 0.45);
    --warning-pulse: color-mix(in srgb, #ffd166 45%, transparent);
    --on-warning: #05060d;
    --info: #5aa9ff;
    --info-subtle: rgba(90, 169, 255, 0.14);
    --info-subtle: color-mix(in srgb, #5aa9ff 14%, transparent);
    --info-shadow: rgba(90, 169, 255, 0.14);
    --info-shadow: color-mix(in srgb, #5aa9ff 14%, transparent);
    --info-shadow-strong: rgba(90, 169, 255, 0.3);
    --info-shadow-strong: color-mix(in srgb, #5aa9ff 30%, transparent);
    --on-info: #05060d;
    --border: #111527;
    --border-light: #1c2240;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="forest-canopy"] {
    --bg-primary: #0c1410;
    --bg-secondary: #121d17;
    --bg-tertiary: #1a2a20;
    --bg-elevated: #27402f;
    --text-primary: #e4f0e6;
    --text-secondary: #b6cdbb;
    --text-dim: #6f8a76;
    --accent: #7fc08a;
    --accent-hover: #9bd0a3;
    --accent-fg: #0c1410;
    --accent-subtle: rgba(127, 192, 138, 0.14);
    --accent-subtle: color-mix(in srgb, #7fc08a 14%, transparent);
    --accent-glow: rgba(127, 192, 138, 0.3);
    --accent-glow: color-mix(in srgb, #7fc08a 30%, transparent);
    --accent-wash: rgba(127, 192, 138, 0.06);
    --accent-wash: color-mix(in srgb, #7fc08a 6%, transparent);
    --accent-border: rgba(127, 192, 138, 0.38);
    --accent-border: color-mix(in srgb, #7fc08a 38%, transparent);
    --accent-muted: rgba(127, 192, 138, 0.2);
    --accent-muted: color-mix(in srgb, #7fc08a 20%, transparent);
    --danger: #e3736b;
    --danger-hover: #ec8f88;
    --danger-subtle: rgba(227, 115, 107, 0.12);
    --danger-subtle: color-mix(in srgb, #e3736b 12%, transparent);
    --danger-border: rgba(227, 115, 107, 0.35);
    --danger-border: color-mix(in srgb, #e3736b 35%, transparent);
    --danger-shadow: rgba(227, 115, 107, 0.15);
    --danger-shadow: color-mix(in srgb, #e3736b 15%, transparent);
    --danger-shadow-strong: rgba(227, 115, 107, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #e3736b 28%, transparent);
    --danger-shadow-subtle: rgba(227, 115, 107, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #e3736b 5%, transparent);
    --on-danger: #0c1410;
    --success: #a7d98a;
    --success-hover: #bbe2a4;
    --success-subtle: rgba(167, 217, 138, 0.12);
    --success-subtle: color-mix(in srgb, #a7d98a 12%, transparent);
    --success-border: rgba(167, 217, 138, 0.4);
    --success-border: color-mix(in srgb, #a7d98a 40%, transparent);
    --success-border-strong: rgba(167, 217, 138, 0.55);
    --success-border-strong: color-mix(in srgb, #a7d98a 55%, transparent);
    --success-shadow: rgba(167, 217, 138, 0.12);
    --success-shadow: color-mix(in srgb, #a7d98a 12%, transparent);
    --on-success: #0c1410;
    --warning: #e0b865;
    --warning-hover: #e8c885;
    --warning-subtle: rgba(224, 184, 101, 0.12);
    --warning-subtle: color-mix(in srgb, #e0b865 12%, transparent);
    --warning-border: rgba(224, 184, 101, 0.35);
    --warning-border: color-mix(in srgb, #e0b865 35%, transparent);
    --warning-highlight-active: rgba(224, 184, 101, 0.65);
    --warning-highlight-active: color-mix(in srgb, #e0b865 65%, transparent);
    --warning-shadow: rgba(224, 184, 101, 0.12);
    --warning-shadow: color-mix(in srgb, #e0b865 12%, transparent);
    --warning-shadow-strong: rgba(224, 184, 101, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #e0b865 28%, transparent);
    --warning-pulse: rgba(224, 184, 101, 0.45);
    --warning-pulse: color-mix(in srgb, #e0b865 45%, transparent);
    --on-warning: #0c1410;
    --info: #6fa9a0;
    --info-subtle: rgba(111, 169, 160, 0.14);
    --info-subtle: color-mix(in srgb, #6fa9a0 14%, transparent);
    --info-shadow: rgba(111, 169, 160, 0.14);
    --info-shadow: color-mix(in srgb, #6fa9a0 14%, transparent);
    --info-shadow-strong: rgba(111, 169, 160, 0.3);
    --info-shadow-strong: color-mix(in srgb, #6fa9a0 30%, transparent);
    --on-info: #0c1410;
    --border: #1a2a20;
    --border-light: #27402f;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-inset: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="sakura"] {
    --bg-primary: #fff5f8;
    --bg-secondary: #ffe9ef;
    --bg-tertiary: #ffd9e3;
    --bg-elevated: #fcc0d2;
    --text-primary: #4a2c38;
    --text-secondary: #7d5263;
    --text-dim: #b98599;
    --accent: #e0508a;
    --accent-hover: #c83f76;
    --accent-fg: #fff5f8;
    --accent-subtle: rgba(224, 80, 138, 0.14);
    --accent-subtle: color-mix(in srgb, #e0508a 14%, transparent);
    --accent-glow: rgba(224, 80, 138, 0.3);
    --accent-glow: color-mix(in srgb, #e0508a 30%, transparent);
    --accent-wash: rgba(224, 80, 138, 0.06);
    --accent-wash: color-mix(in srgb, #e0508a 6%, transparent);
    --accent-border: rgba(224, 80, 138, 0.38);
    --accent-border: color-mix(in srgb, #e0508a 38%, transparent);
    --accent-muted: rgba(224, 80, 138, 0.2);
    --accent-muted: color-mix(in srgb, #e0508a 20%, transparent);
    --danger: #d6336c;
    --danger-hover: #b82a5b;
    --danger-subtle: rgba(214, 51, 108, 0.12);
    --danger-subtle: color-mix(in srgb, #d6336c 12%, transparent);
    --danger-border: rgba(214, 51, 108, 0.35);
    --danger-border: color-mix(in srgb, #d6336c 35%, transparent);
    --danger-shadow: rgba(214, 51, 108, 0.15);
    --danger-shadow: color-mix(in srgb, #d6336c 15%, transparent);
    --danger-shadow-strong: rgba(214, 51, 108, 0.28);
    --danger-shadow-strong: color-mix(in srgb, #d6336c 28%, transparent);
    --danger-shadow-subtle: rgba(214, 51, 108, 0.05);
    --danger-shadow-subtle: color-mix(in srgb, #d6336c 5%, transparent);
    --on-danger: #fff5f8;
    --success: #3a9d6e;
    --success-hover: #2f835b;
    --success-subtle: rgba(58, 157, 110, 0.12);
    --success-subtle: color-mix(in srgb, #3a9d6e 12%, transparent);
    --success-border: rgba(58, 157, 110, 0.4);
    --success-border: color-mix(in srgb, #3a9d6e 40%, transparent);
    --success-border-strong: rgba(58, 157, 110, 0.55);
    --success-border-strong: color-mix(in srgb, #3a9d6e 55%, transparent);
    --success-shadow: rgba(58, 157, 110, 0.12);
    --success-shadow: color-mix(in srgb, #3a9d6e 12%, transparent);
    --on-success: #fff5f8;
    --warning: #dd9a2b;
    --warning-hover: #c08321;
    --warning-subtle: rgba(221, 154, 43, 0.12);
    --warning-subtle: color-mix(in srgb, #dd9a2b 12%, transparent);
    --warning-border: rgba(221, 154, 43, 0.35);
    --warning-border: color-mix(in srgb, #dd9a2b 35%, transparent);
    --warning-highlight-active: rgba(221, 154, 43, 0.65);
    --warning-highlight-active: color-mix(in srgb, #dd9a2b 65%, transparent);
    --warning-shadow: rgba(221, 154, 43, 0.12);
    --warning-shadow: color-mix(in srgb, #dd9a2b 12%, transparent);
    --warning-shadow-strong: rgba(221, 154, 43, 0.28);
    --warning-shadow-strong: color-mix(in srgb, #dd9a2b 28%, transparent);
    --warning-pulse: rgba(221, 154, 43, 0.45);
    --warning-pulse: color-mix(in srgb, #dd9a2b 45%, transparent);
    --on-warning: #fff5f8;
    --info: #9b6cc4;
    --info-subtle: rgba(155, 108, 196, 0.14);
    --info-subtle: color-mix(in srgb, #9b6cc4 14%, transparent);
    --info-shadow: rgba(155, 108, 196, 0.14);
    --info-shadow: color-mix(in srgb, #9b6cc4 14%, transparent);
    --info-shadow-strong: rgba(155, 108, 196, 0.3);
    --info-shadow-strong: color-mix(in srgb, #9b6cc4 30%, transparent);
    --on-info: #fff5f8;
    --border: #fbd0dd;
    --border-light: #f5b3c7;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.16);
    --shadow-inset: inset 0 1px 3px rgba(0, 0, 0, 0.06);
}

[data-theme="blueberry"] .data-table tbody tr:nth-child(even),
[data-theme="outrun"] .data-table tbody tr:nth-child(even),
[data-theme="tron"] .data-table tbody tr:nth-child(even),
[data-theme="deep-space"] .data-table tbody tr:nth-child(even),
[data-theme="forest-canopy"] .data-table tbody tr:nth-child(even),
[data-theme="high-contrast"] .data-table tbody tr:nth-child(even),
[data-theme="deuteranopia"] .data-table tbody tr:nth-child(even),
[data-theme="tritanopia"] .data-table tbody tr:nth-child(even),
[data-theme="protanopia"] .data-table tbody tr:nth-child(even),
[data-theme="achromatopsia"] .data-table tbody tr:nth-child(even),
[data-theme="dracula"] .data-table tbody tr:nth-child(even),
[data-theme="gruvbox"] .data-table tbody tr:nth-child(even),
[data-theme="solarized-dark"] .data-table tbody tr:nth-child(even),
[data-theme="catppuccin"] .data-table tbody tr:nth-child(even),
[data-theme="nord"] .data-table tbody tr:nth-child(even),
[data-theme="monokai"] .data-table tbody tr:nth-child(even),
[data-theme="tokyo-night"] .data-table tbody tr:nth-child(even),
[data-theme="rose-pine"] .data-table tbody tr:nth-child(even),
[data-theme="one-dark"] .data-table tbody tr:nth-child(even),
[data-theme="ayu-dark"] .data-table tbody tr:nth-child(even),
[data-theme="ayu-mirage"] .data-table tbody tr:nth-child(even),
[data-theme="everforest"] .data-table tbody tr:nth-child(even),
[data-theme="kanagawa"] .data-table tbody tr:nth-child(even),
[data-theme="night-owl"] .data-table tbody tr:nth-child(even),
[data-theme="material-palenight"] .data-table tbody tr:nth-child(even),
[data-theme="synthwave-84"] .data-table tbody tr:nth-child(even),
[data-theme="zenburn"] .data-table tbody tr:nth-child(even),
[data-theme="catppuccin-frappe"] .data-table tbody tr:nth-child(even),
[data-theme="catppuccin-macchiato"] .data-table tbody tr:nth-child(even),
[data-theme="tokyo-night-storm"] .data-table tbody tr:nth-child(even),
[data-theme="kanagawa-dragon"] .data-table tbody tr:nth-child(even),
[data-theme="github-dark"] .data-table tbody tr:nth-child(even),
[data-theme="monokai-pro"] .data-table tbody tr:nth-child(even),
[data-theme="oceanic-next"] .data-table tbody tr:nth-child(even),
[data-theme="cobalt2"] .data-table tbody tr:nth-child(even),
[data-theme="horizon"] .data-table tbody tr:nth-child(even),
[data-theme="tomorrow-night"] .data-table tbody tr:nth-child(even),
[data-theme="iceberg"] .data-table tbody tr:nth-child(even),
[data-theme="apprentice"] .data-table tbody tr:nth-child(even),
[data-theme="gruvbox-material-dark"] .data-table tbody tr:nth-child(even),
[data-theme="vesper"] .data-table tbody tr:nth-child(even),
[data-theme="poimandres"] .data-table tbody tr:nth-child(even),
[data-theme="nightfox"] .data-table tbody tr:nth-child(even),
[data-theme="sonokai"] .data-table tbody tr:nth-child(even),
[data-theme="matrix"] .data-table tbody tr:nth-child(even),
[data-theme="amber-crt"] .data-table tbody tr:nth-child(even),
[data-theme="vaporwave"] .data-table tbody tr:nth-child(even),
[data-theme="rose-pine-moon"] .data-table tbody tr:nth-child(even),
[data-theme="tokyo-night-moon"] .data-table tbody tr:nth-child(even),
[data-theme="green-phosphor"] .data-table tbody tr:nth-child(even),
[data-theme="selenized-dark"] .data-table tbody tr:nth-child(even),
[data-theme="carbon"] .data-table tbody tr:nth-child(even),
[data-theme="material-ocean"] .data-table tbody tr:nth-child(even),
[data-theme="flexoki-dark"] .data-table tbody tr:nth-child(even),
[data-theme="cyberpunk"] .data-table tbody tr:nth-child(even),
[data-theme="commodore-64"] .data-table tbody tr:nth-child(even),
[data-theme="aura"] .data-table tbody tr:nth-child(even),
[data-theme="carbonfox"] .data-table tbody tr:nth-child(even),
[data-theme="duskfox"] .data-table tbody tr:nth-child(even),
[data-theme="hyper-snazzy"] .data-table tbody tr:nth-child(even),
[data-theme="material-darker"] .data-table tbody tr:nth-child(even),
[data-theme="nordfox"] .data-table tbody tr:nth-child(even),
[data-theme="modus-vivendi"] .data-table tbody tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.015);
}