/* Auto-generated theme CSS - Do not edit directly */
/* Generated from 33 theme files */


/* === Core Themes === */

/* Theme: Hashed */
:root,
[data-theme="hashed"] {
  --bg-primary: #121212;
  --bg-secondary: #1e1e2d;
  --bg-tertiary: #2a2520;  /* Warmer tertiary for better contrast */
  --accent-primary: #7c5cfc;  /* Slightly more vibrant purple */
  --accent-secondary: #9179f0;
  --accent-tertiary: #40bfff;
  --text-primary: #f5f5f5;
  --text-secondary: #c0c0cc;
  --text-muted: #8a8aa0;
  --border-color: #343452;
  --success-color: #0acf97;
  --warning-color: #f9bc0b;
  --error-color: #fa5c7c;

  /* RGB variants for rgba() usage */
  --bg-primary-rgb: 18, 18, 18;
  --bg-secondary-rgb: 30, 30, 45;
  --bg-tertiary-rgb: 42, 37, 32;  /* Updated for warmer tertiary */
  --accent-primary-rgb: 124, 92, 252;  /* Updated for more vibrant accent */
  --accent-secondary-rgb: 145, 121, 240;
  --accent-tertiary-rgb: 64, 191, 255;
  --text-primary-rgb: 245, 245, 245;
  --text-secondary-rgb: 192, 192, 204;
  --text-muted-rgb: 138, 138, 160;
  --border-color-rgb: 52, 52, 82;
  --success-color-rgb: 10, 207, 151;
  --warning-color-rgb: 249, 188, 11;
  --error-color-rgb: 250, 92, 124;

  /* Shadows and effects - enhanced for better depth */
  --card-shadow: 0 2px 8px rgba(0, 0, 0, 0.15), 0 4px 20px rgba(0, 0, 0, 0.2);
  --card-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.08);
  --card-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.1);
  --card-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.12);
  --glow-effect: 0 0 15px rgba(124, 92, 252, 0.35);  /* More vibrant glow */
  --gradient-bg: linear-gradient(135deg, #2a2a3a 0%, #1e1e2d 100%);
  --overlay-color: rgba(0, 0, 0, 0.5);
  --backdrop-blur: blur(10px);

  /* Theme-aware colors for shadows and highlights */
  --shadow-color-rgb: 0, 0, 0;
  --highlight-color-rgb: 255, 255, 255;

  /* Aliases */
  --primary-color: var(--accent-primary);
  --card-bg: var(--bg-secondary);
}

/* Theme: High Contrast */
[data-theme="high-contrast"] {
  --bg-primary: #000000;
  --bg-secondary: #0a0a0a;
  --bg-tertiary: #1a1a1a;
  --accent-primary: #ffff00;
  --accent-secondary: #00ffff;
  --accent-tertiary: #00ff00;
  --text-primary: #ffffff;
  --text-secondary: #e0e0e0;
  --text-muted: #c0c0c0;
  --border-color: #ffffff;
  --success-color: #00ff00;
  --warning-color: #ffff00;
  --error-color: #ff0000;

  /* RGB variants */
  --bg-primary-rgb: 0, 0, 0;
  --bg-secondary-rgb: 10, 10, 10;
  --bg-tertiary-rgb: 26, 26, 26;
  --accent-primary-rgb: 255, 255, 0;
  --accent-secondary-rgb: 0, 255, 255;
  --accent-tertiary-rgb: 0, 255, 0;
  --text-primary-rgb: 255, 255, 255;
  --text-secondary-rgb: 224, 224, 224;
  --text-muted-rgb: 192, 192, 192;
  --border-color-rgb: 255, 255, 255;
  --success-color-rgb: 0, 255, 0;
  --warning-color-rgb: 255, 255, 0;
  --error-color-rgb: 255, 0, 0;

  /* Shadows and effects - minimal for clarity */
  --card-shadow: 0 0 0 2px #ffffff;
  --glow-effect: none;
  --gradient-bg: none;
  --overlay-color: rgba(0, 0, 0, 0.8);
  --backdrop-blur: none;

  /* Theme-aware colors for shadows and highlights */
  --shadow-color-rgb: 0, 0, 0;
  --highlight-color-rgb: 255, 255, 255;

  /* Aliases */
  --primary-color: var(--accent-primary);
  --card-bg: var(--bg-secondary);
}

/* Theme-specific adjustments */
[data-theme="high-contrast"] a {
  color: var(--accent-secondary);
  text-decoration: underline;
}
[data-theme="high-contrast"] a:hover {
  color: var(--accent-tertiary);
}
[data-theme="high-contrast"] *:focus {
  outline: 3px solid var(--accent-primary) !important;
  outline-offset: 2px;
}
[data-theme="high-contrast"] button:hover,
[data-theme="high-contrast"] .btn:hover {
  background: var(--accent-primary) !important;
  color: var(--bg-primary) !important;
}

/* Theme: Light */
[data-theme="light"] {
  --bg-primary: #f8f9fa;
  --bg-secondary: #ffffff;
  --bg-tertiary: #e9ecef;
  --accent-primary: #5c3dcc;
  --accent-secondary: #7c5ce7;
  --accent-tertiary: #0984e3;
  --text-primary: #1a1d21;
  --text-secondary: #3d4348;
  --text-muted: #596068;
  --border-color: #dee2e6;
  --success-color: #28a745;
  --warning-color: #ffc107;
  --error-color: #dc3545;

  /* RGB variants */
  --bg-primary-rgb: 248, 249, 250;
  --bg-secondary-rgb: 255, 255, 255;
  --bg-tertiary-rgb: 233, 236, 239;
  --accent-primary-rgb: 92, 61, 204;
  --accent-secondary-rgb: 124, 92, 231;
  --accent-tertiary-rgb: 9, 132, 227;
  --text-primary-rgb: 26, 29, 33;
  --text-secondary-rgb: 61, 67, 72;
  --text-muted-rgb: 89, 96, 104;
  --border-color-rgb: 222, 226, 230;
  --success-color-rgb: 40, 167, 69;
  --warning-color-rgb: 255, 193, 7;
  --error-color-rgb: 220, 53, 69;

  /* Shadows and effects */
  --card-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  --glow-effect: 0 0 10px rgba(92, 61, 204, 0.15);
  --gradient-bg: linear-gradient(135deg, #e9ecef 0%, #f8f9fa 100%);
  --overlay-color: rgba(0, 0, 0, 0.4);
  --backdrop-blur: blur(10px);

  /* Theme-aware colors for shadows and highlights */
  --shadow-color-rgb: 0, 0, 0;
  --highlight-color-rgb: 0, 0, 0;

  /* Aliases */
  --primary-color: var(--accent-primary);
  --card-bg: var(--bg-secondary);
}

/* Theme-specific adjustments */
[data-theme="light"] ::-webkit-scrollbar-track {
  background: var(--bg-tertiary);
}
[data-theme="light"] ::-webkit-scrollbar-thumb {
  background: var(--accent-primary);
}

/* Theme: Midnight */
[data-theme="midnight"] {
  --bg-primary: #0d1b2a;
  --bg-secondary: #1b263b;
  --bg-tertiary: #2b3a50;
  --accent-primary: #e0e1dd;
  --accent-secondary: #778da9;
  --accent-tertiary: #415a77;
  --text-primary: #e0e1dd;
  --text-secondary: #c5c6c7;
  --text-muted: #778da9;
  --border-color: #415a77;
  --success-color: #57cc99;
  --warning-color: #fca311;
  --error-color: #e71d36;

  /* RGB variants */
  --bg-primary-rgb: 13, 27, 42;
  --bg-secondary-rgb: 27, 38, 59;
  --bg-tertiary-rgb: 43, 58, 80;
  --accent-primary-rgb: 224, 225, 221;
  --accent-secondary-rgb: 119, 141, 169;
  --accent-tertiary-rgb: 65, 90, 119;
  --text-primary-rgb: 224, 225, 221;
  --text-secondary-rgb: 197, 198, 199;
  --text-muted-rgb: 119, 141, 169;
  --border-color-rgb: 65, 90, 119;
  --success-color-rgb: 87, 204, 153;
  --warning-color-rgb: 252, 163, 17;
  --error-color-rgb: 231, 29, 54;

  /* Shadows and effects */
  --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
  --glow-effect: 0 0 15px rgba(119, 141, 169, 0.2);
  --gradient-bg: linear-gradient(135deg, #1b263b 0%, #0d1b2a 100%);
  --overlay-color: rgba(13, 27, 42, 0.7);
  --backdrop-blur: blur(10px);

  /* Theme-aware colors for shadows and highlights */
  --shadow-color-rgb: 0, 0, 0;
  --highlight-color-rgb: 255, 255, 255;

  /* Aliases */
  --primary-color: var(--accent-primary);
  --card-bg: var(--bg-secondary);
}

/* Theme: Sepia */
[data-theme="sepia"] {
  --bg-primary: #f4ecd8;
  --bg-secondary: #fdf6e3;
  --bg-tertiary: #eee8d5;
  --accent-primary: #b58900;
  --accent-secondary: #cb4b16;
  --accent-tertiary: #268bd2;
  --text-primary: #433b32;
  --text-secondary: #555f66;
  --text-muted: #73807e;
  --border-color: #d3c6a6;
  --success-color: #859900;
  --warning-color: #b58900;
  --error-color: #dc322f;

  /* RGB variants */
  --bg-primary-rgb: 244, 236, 216;
  --bg-secondary-rgb: 253, 246, 227;
  --bg-tertiary-rgb: 238, 232, 213;
  --accent-primary-rgb: 181, 137, 0;
  --accent-secondary-rgb: 203, 75, 22;
  --accent-tertiary-rgb: 38, 139, 210;
  --text-primary-rgb: 67, 59, 50;
  --text-secondary-rgb: 85, 95, 102;
  --text-muted-rgb: 115, 128, 126;
  --border-color-rgb: 211, 198, 166;
  --success-color-rgb: 133, 153, 0;
  --warning-color-rgb: 181, 137, 0;
  --error-color-rgb: 220, 50, 47;

  /* Shadows and effects */
  --card-shadow: 0 2px 10px rgba(101, 82, 51, 0.1);
  --glow-effect: 0 0 10px rgba(181, 137, 0, 0.15);
  --gradient-bg: linear-gradient(135deg, #eee8d5 0%, #f4ecd8 100%);
  --overlay-color: rgba(67, 59, 50, 0.55);
  --backdrop-blur: blur(10px);

  /* Theme-aware colors for shadows and highlights */
  --shadow-color-rgb: 0, 0, 0;
  --highlight-color-rgb: 0, 0, 0;

  /* Aliases */
  --primary-color: var(--accent-primary);
  --card-bg: var(--bg-secondary);
}

/* Theme-specific adjustments */
[data-theme="sepia"] a {
  color: var(--accent-tertiary);
}
[data-theme="sepia"] a:hover {
  color: var(--accent-secondary);
}


/* === Nature === */

/* Theme: Forest */
[data-theme="forest"] {
  --bg-primary: #1a2f1a;
  --bg-secondary: #243524;
  --bg-tertiary: #2e4a2e;
  --accent-primary: #4caf50;
  --accent-secondary: #81c784;
  --accent-tertiary: #a5d6a7;
  --text-primary: #e8f5e9;
  --text-secondary: #c8e6c9;
  --text-muted: #a5d6a7;
  --border-color: #388e3c;
  --success-color: #69f0ae;
  --warning-color: #ffca28;
  --error-color: #ef5350;

  --bg-primary-rgb: 26, 47, 26;
  --bg-secondary-rgb: 36, 53, 36;
  --bg-tertiary-rgb: 46, 74, 46;
  --accent-primary-rgb: 76, 175, 80;
  --accent-secondary-rgb: 129, 199, 132;
  --accent-tertiary-rgb: 165, 214, 167;
  --text-primary-rgb: 232, 245, 233;
  --text-secondary-rgb: 200, 230, 201;
  --text-muted-rgb: 165, 214, 167;
  --border-color-rgb: 56, 142, 60;
  --success-color-rgb: 105, 240, 174;
  --warning-color-rgb: 255, 202, 40;
  --error-color-rgb: 239, 83, 80;

  --card-shadow: 0 4px 20px rgba(56, 142, 60, 0.25);
  --glow-effect: 0 0 15px rgba(76, 175, 80, 0.3);
  --gradient-bg: linear-gradient(135deg, #243524 0%, #1a2f1a 100%);
  --overlay-color: rgba(26, 47, 26, 0.7);
  --backdrop-blur: blur(10px);

  /* Theme-aware colors for shadows and highlights */
  --shadow-color-rgb: 0, 0, 0;
  --highlight-color-rgb: 255, 255, 255;
  --primary-color: var(--accent-primary);
  --card-bg: var(--bg-secondary);
}

/* Theme: Lavender */
[data-theme="lavender"] {
  --bg-primary: #1e1e3f;
  --bg-secondary: #2a2a54;
  --bg-tertiary: #363669;
  --accent-primary: #b39ddb;
  --accent-secondary: #9575cd;
  --accent-tertiary: #7e57c2;
  --text-primary: #ede7f6;
  --text-secondary: #d1c4e9;
  --text-muted: #b39ddb;
  --border-color: #7e57c2;
  --success-color: #69f0ae;
  --warning-color: #ffe082;
  --error-color: #ff5252;

  --bg-primary-rgb: 30, 30, 63;
  --bg-secondary-rgb: 42, 42, 84;
  --bg-tertiary-rgb: 54, 54, 105;
  --accent-primary-rgb: 179, 157, 219;
  --accent-secondary-rgb: 149, 117, 205;
  --accent-tertiary-rgb: 126, 87, 194;
  --text-primary-rgb: 237, 231, 246;
  --text-secondary-rgb: 209, 196, 233;
  --text-muted-rgb: 179, 157, 219;
  --border-color-rgb: 126, 87, 194;
  --success-color-rgb: 105, 240, 174;
  --warning-color-rgb: 255, 224, 130;
  --error-color-rgb: 255, 82, 82;

  --card-shadow: 0 4px 20px rgba(126, 87, 194, 0.3);
  --glow-effect: 0 0 15px rgba(179, 157, 219, 0.3);
  --gradient-bg: linear-gradient(135deg, #2a2a54 0%, #1e1e3f 100%);
  --overlay-color: rgba(30, 30, 63, 0.7);
  --backdrop-blur: blur(10px);

  /* Theme-aware colors for shadows and highlights */
  --shadow-color-rgb: 0, 0, 0;
  --highlight-color-rgb: 255, 255, 255;
  --primary-color: var(--accent-primary);
  --card-bg: var(--bg-secondary);
}

/* Theme: Ocean */
[data-theme="ocean"] {
  --bg-primary: #0c1821;
  --bg-secondary: #1b2838;
  --bg-tertiary: #2a3f54;
  --accent-primary: #00b4d8;
  --accent-secondary: #0096c7;
  --accent-tertiary: #48cae4;
  --text-primary: #e0f7fa;
  --text-secondary: #b2ebf2;
  --text-muted: #80deea;
  --border-color: #0077b6;
  --success-color: #00e676;
  --warning-color: #ffd54f;
  --error-color: #ff5252;

  --bg-primary-rgb: 12, 24, 33;
  --bg-secondary-rgb: 27, 40, 56;
  --bg-tertiary-rgb: 42, 63, 84;
  --accent-primary-rgb: 0, 180, 216;
  --accent-secondary-rgb: 0, 150, 199;
  --accent-tertiary-rgb: 72, 202, 228;
  --text-primary-rgb: 224, 247, 250;
  --text-secondary-rgb: 178, 235, 242;
  --text-muted-rgb: 128, 222, 234;
  --border-color-rgb: 0, 119, 182;
  --success-color-rgb: 0, 230, 118;
  --warning-color-rgb: 255, 213, 79;
  --error-color-rgb: 255, 82, 82;

  --card-shadow: 0 4px 20px rgba(0, 119, 182, 0.3);
  --glow-effect: 0 0 15px rgba(0, 180, 216, 0.3);
  --gradient-bg: linear-gradient(135deg, #1b2838 0%, #0c1821 100%);
  --overlay-color: rgba(12, 24, 33, 0.7);
  --backdrop-blur: blur(10px);

  /* Theme-aware colors for shadows and highlights */
  --shadow-color-rgb: 0, 0, 0;
  --highlight-color-rgb: 255, 255, 255;
  --primary-color: var(--accent-primary);
  --card-bg: var(--bg-secondary);
}

/* Theme: Rose */
[data-theme="rose"] {
  --bg-primary: #2d1b2d;
  --bg-secondary: #3d2640;
  --bg-tertiary: #4d3154;
  --accent-primary: #f48fb1;
  --accent-secondary: #f06292;
  --accent-tertiary: #ec407a;
  --text-primary: #fce4ec;
  --text-secondary: #f8bbd0;
  --text-muted: #f48fb1;
  --border-color: #ad1457;
  --success-color: #69f0ae;
  --warning-color: #ffe082;
  --error-color: #ff5252;

  --bg-primary-rgb: 45, 27, 45;
  --bg-secondary-rgb: 61, 38, 64;
  --bg-tertiary-rgb: 77, 49, 84;
  --accent-primary-rgb: 244, 143, 177;
  --accent-secondary-rgb: 240, 98, 146;
  --accent-tertiary-rgb: 236, 64, 122;
  --text-primary-rgb: 252, 228, 236;
  --text-secondary-rgb: 248, 187, 208;
  --text-muted-rgb: 244, 143, 177;
  --border-color-rgb: 173, 20, 87;
  --success-color-rgb: 105, 240, 174;
  --warning-color-rgb: 255, 224, 130;
  --error-color-rgb: 255, 82, 82;

  --card-shadow: 0 4px 20px rgba(173, 20, 87, 0.3);
  --glow-effect: 0 0 15px rgba(244, 143, 177, 0.3);
  --gradient-bg: linear-gradient(135deg, #3d2640 0%, #2d1b2d 100%);
  --overlay-color: rgba(45, 27, 45, 0.7);
  --backdrop-blur: blur(10px);

  /* Theme-aware colors for shadows and highlights */
  --shadow-color-rgb: 0, 0, 0;
  --highlight-color-rgb: 255, 255, 255;
  --primary-color: var(--accent-primary);
  --card-bg: var(--bg-secondary);
}

/* Theme: Sunset */
[data-theme="sunset"] {
  --bg-primary: #1a1a2e;
  --bg-secondary: #2d2d44;
  --bg-tertiary: #3d3d5c;
  --accent-primary: #ff6b6b;
  --accent-secondary: #feca57;
  --accent-tertiary: #ff9ff3;
  --text-primary: #ffeaa7;
  --text-secondary: #fdcb6e;
  --text-muted: #fab1a0;
  --border-color: #e17055;
  --success-color: #00d2d3;
  --warning-color: #feca57;
  --error-color: #ff6b6b;

  --bg-primary-rgb: 26, 26, 46;
  --bg-secondary-rgb: 45, 45, 68;
  --bg-tertiary-rgb: 61, 61, 92;
  --accent-primary-rgb: 255, 107, 107;
  --accent-secondary-rgb: 254, 202, 87;
  --accent-tertiary-rgb: 255, 159, 243;
  --text-primary-rgb: 255, 234, 167;
  --text-secondary-rgb: 253, 203, 110;
  --text-muted-rgb: 250, 177, 160;
  --border-color-rgb: 225, 112, 85;
  --success-color-rgb: 0, 210, 211;
  --warning-color-rgb: 254, 202, 87;
  --error-color-rgb: 255, 107, 107;

  --card-shadow: 0 4px 20px rgba(225, 112, 85, 0.3);
  --glow-effect: 0 0 15px rgba(255, 107, 107, 0.3);
  --gradient-bg: linear-gradient(135deg, #2d2d44 0%, #1a1a2e 100%);
  --overlay-color: rgba(26, 26, 46, 0.7);
  --backdrop-blur: blur(10px);

  /* Theme-aware colors for shadows and highlights */
  --shadow-color-rgb: 0, 0, 0;
  --highlight-color-rgb: 255, 255, 255;
  --primary-color: var(--accent-primary);
  --card-bg: var(--bg-secondary);
}


/* === Developer Themes === */

/* Theme: Catppuccin */
[data-theme="catppuccin"] {
  --bg-primary: #1e1e2e;
  --bg-secondary: #313244;
  --bg-tertiary: #45475a;
  --accent-primary: #cba6f7;
  --accent-secondary: #f5c2e7;
  --accent-tertiary: #89dceb;
  --text-primary: #cdd6f4;
  --text-secondary: #bac2de;
  --text-muted: #a6adc8;
  --border-color: #585b70;
  --success-color: #a6e3a1;
  --warning-color: #f9e2af;
  --error-color: #f38ba8;

  --bg-primary-rgb: 30, 30, 46;
  --bg-secondary-rgb: 49, 50, 68;
  --bg-tertiary-rgb: 69, 71, 90;
  --accent-primary-rgb: 203, 166, 247;
  --accent-secondary-rgb: 245, 194, 231;
  --accent-tertiary-rgb: 137, 220, 235;
  --text-primary-rgb: 205, 214, 244;
  --text-secondary-rgb: 186, 194, 222;
  --text-muted-rgb: 108, 112, 134;
  --border-color-rgb: 88, 91, 112;
  --success-color-rgb: 166, 227, 161;
  --warning-color-rgb: 249, 226, 175;
  --error-color-rgb: 243, 139, 168;

  --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  --glow-effect: 0 0 15px rgba(203, 166, 247, 0.2);
  --gradient-bg: linear-gradient(135deg, #313244 0%, #1e1e2e 100%);
  --overlay-color: rgba(30, 30, 46, 0.8);
  --backdrop-blur: blur(10px);

  /* Theme-aware colors for shadows and highlights */
  --shadow-color-rgb: 0, 0, 0;
  --highlight-color-rgb: 255, 255, 255;
  --primary-color: var(--accent-primary);
  --card-bg: var(--bg-secondary);
}

/* Theme: Dracula */
[data-theme="dracula"] {
  --bg-primary: #282a36;
  --bg-secondary: #343746;
  --bg-tertiary: #44475a;
  --accent-primary: #bd93f9;
  --accent-secondary: #ff79c6;
  --accent-tertiary: #8be9fd;
  --text-primary: #f8f8f2;
  --text-secondary: #e2e2dc;
  --text-muted: #8891bb;
  --border-color: #44475a;
  --success-color: #50fa7b;
  --warning-color: #f1fa8c;
  --error-color: #ff5555;

  --bg-primary-rgb: 40, 42, 54;
  --bg-secondary-rgb: 52, 55, 70;
  --bg-tertiary-rgb: 68, 71, 90;
  --accent-primary-rgb: 189, 147, 249;
  --accent-secondary-rgb: 255, 121, 198;
  --accent-tertiary-rgb: 139, 233, 253;
  --text-primary-rgb: 248, 248, 242;
  --text-secondary-rgb: 226, 226, 220;
  --text-muted-rgb: 98, 114, 164;
  --border-color-rgb: 68, 71, 90;
  --success-color-rgb: 80, 250, 123;
  --warning-color-rgb: 241, 250, 140;
  --error-color-rgb: 255, 85, 85;

  --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
  --glow-effect: 0 0 15px rgba(189, 147, 249, 0.3);
  --gradient-bg: linear-gradient(135deg, #343746 0%, #282a36 100%);
  --overlay-color: rgba(40, 42, 54, 0.8);
  --backdrop-blur: blur(10px);

  /* Theme-aware colors for shadows and highlights */
  --shadow-color-rgb: 0, 0, 0;
  --highlight-color-rgb: 255, 255, 255;
  --primary-color: var(--accent-primary);
  --card-bg: var(--bg-secondary);
}

/* Theme: Gruvbox Dark */
[data-theme="gruvbox-dark"] {
  --bg-primary: #282828;
  --bg-secondary: #3c3836;
  --bg-tertiary: #504945;
  --accent-primary: #fe8019;
  --accent-secondary: #fabd2f;
  --accent-tertiary: #83a598;
  --text-primary: #ebdbb2;
  --text-secondary: #d5c4a1;
  --text-muted: #a89984;
  --border-color: #665c54;
  --success-color: #b8bb26;
  --warning-color: #fabd2f;
  --error-color: #fb4934;

  --bg-primary-rgb: 40, 40, 40;
  --bg-secondary-rgb: 60, 56, 54;
  --bg-tertiary-rgb: 80, 73, 69;
  --accent-primary-rgb: 254, 128, 25;
  --accent-secondary-rgb: 250, 189, 47;
  --accent-tertiary-rgb: 131, 165, 152;
  --text-primary-rgb: 235, 219, 178;
  --text-secondary-rgb: 213, 196, 161;
  --text-muted-rgb: 168, 153, 132;
  --border-color-rgb: 102, 92, 84;
  --success-color-rgb: 184, 187, 38;
  --warning-color-rgb: 250, 189, 47;
  --error-color-rgb: 251, 73, 52;

  --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
  --glow-effect: 0 0 15px rgba(254, 128, 25, 0.2);
  --gradient-bg: linear-gradient(135deg, #3c3836 0%, #282828 100%);
  --overlay-color: rgba(40, 40, 40, 0.8);
  --backdrop-blur: blur(10px);

  /* Theme-aware colors for shadows and highlights */
  --shadow-color-rgb: 0, 0, 0;
  --highlight-color-rgb: 255, 255, 255;
  --primary-color: var(--accent-primary);
  --card-bg: var(--bg-secondary);
}

/* Theme: Gruvbox Light */
[data-theme="gruvbox-light"] {
  --bg-primary: #fbf1c7;
  --bg-secondary: #ebdbb2;
  --bg-tertiary: #d5c4a1;
  --accent-primary: #d65d0e;
  --accent-secondary: #af3a03;
  --accent-tertiary: #356A49;
  --text-primary: #3c3836;
  --text-secondary: #504945;
  --text-muted: #7c6f64;
  --border-color: #bdae93;
  --success-color: #79740e;
  --warning-color: #b57614;
  --error-color: #9d0006;

  --bg-primary-rgb: 251, 241, 199;
  --bg-secondary-rgb: 235, 219, 178;
  --bg-tertiary-rgb: 213, 196, 161;
  --accent-primary-rgb: 214, 93, 14;
  --accent-secondary-rgb: 175, 58, 3;
  --accent-tertiary-rgb: 53, 106, 73;
  --text-primary-rgb: 60, 56, 54;
  --text-secondary-rgb: 80, 73, 69;
  --text-muted-rgb: 124, 111, 100;
  --border-color-rgb: 189, 174, 147;
  --success-color-rgb: 121, 116, 14;
  --warning-color-rgb: 181, 118, 20;
  --error-color-rgb: 157, 0, 6;

  --card-shadow: 0 2px 12px rgba(60, 56, 54, 0.1);
  --glow-effect: 0 0 10px rgba(214, 93, 14, 0.15);
  --gradient-bg: linear-gradient(135deg, #ebdbb2 0%, #fbf1c7 100%);
  --overlay-color: rgba(60, 56, 54, 0.3);
  --backdrop-blur: blur(10px);

  /* Theme-aware colors for shadows and highlights */
  --shadow-color-rgb: 0, 0, 0;
  --highlight-color-rgb: 0, 0, 0;
  --primary-color: var(--accent-primary);
  --card-bg: var(--bg-secondary);
}

/* Theme: Monokai */
[data-theme="monokai"] {
  --bg-primary: #272822;
  --bg-secondary: #3e3d32;
  --bg-tertiary: #49483e;
  --accent-primary: #a6e22e;
  --accent-secondary: #f92672;
  --accent-tertiary: #66d9ef;
  --text-primary: #f8f8f2;
  --text-secondary: #cfcfc2;
  --text-muted: #a09a85;
  --border-color: #49483e;
  --success-color: #a6e22e;
  --warning-color: #e6db74;
  --error-color: #f92672;

  --bg-primary-rgb: 39, 40, 34;
  --bg-secondary-rgb: 62, 61, 50;
  --bg-tertiary-rgb: 73, 72, 62;
  --accent-primary-rgb: 166, 226, 46;
  --accent-secondary-rgb: 249, 38, 114;
  --accent-tertiary-rgb: 102, 217, 239;
  --text-primary-rgb: 248, 248, 242;
  --text-secondary-rgb: 207, 207, 194;
  --text-muted-rgb: 117, 113, 94;
  --border-color-rgb: 73, 72, 62;
  --success-color-rgb: 166, 226, 46;
  --warning-color-rgb: 230, 219, 116;
  --error-color-rgb: 249, 38, 114;

  --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
  --glow-effect: 0 0 15px rgba(166, 226, 46, 0.2);
  --gradient-bg: linear-gradient(135deg, #3e3d32 0%, #272822 100%);
  --overlay-color: rgba(39, 40, 34, 0.8);
  --backdrop-blur: blur(10px);

  /* Theme-aware colors for shadows and highlights */
  --shadow-color-rgb: 0, 0, 0;
  --highlight-color-rgb: 255, 255, 255;
  --primary-color: var(--accent-primary);
  --card-bg: var(--bg-secondary);
}

/* Theme: Nord */
[data-theme="nord"] {
  --bg-primary: #2e3440;
  --bg-secondary: #3b4252;
  --bg-tertiary: #434c5e;
  --accent-primary: #88c0d0;
  --accent-secondary: #81a1c1;
  --accent-tertiary: #5e81ac;
  --text-primary: #eceff4;
  --text-secondary: #e5e9f0;
  --text-muted: #d8dee9;
  --border-color: #4c566a;
  --success-color: #a3be8c;
  --warning-color: #ebcb8b;
  --error-color: #bf616a;

  --bg-primary-rgb: 46, 52, 64;
  --bg-secondary-rgb: 59, 66, 82;
  --bg-tertiary-rgb: 67, 76, 94;
  --accent-primary-rgb: 136, 192, 208;
  --accent-secondary-rgb: 129, 161, 193;
  --accent-tertiary-rgb: 94, 129, 172;
  --text-primary-rgb: 236, 239, 244;
  --text-secondary-rgb: 229, 233, 240;
  --text-muted-rgb: 216, 222, 233;
  --border-color-rgb: 76, 86, 106;
  --success-color-rgb: 163, 190, 140;
  --warning-color-rgb: 235, 203, 139;
  --error-color-rgb: 191, 97, 106;

  --card-shadow: 0 4px 20px rgba(46, 52, 64, 0.5);
  --glow-effect: 0 0 15px rgba(136, 192, 208, 0.2);
  --gradient-bg: linear-gradient(135deg, #3b4252 0%, #2e3440 100%);
  --overlay-color: rgba(46, 52, 64, 0.7);
  --backdrop-blur: blur(10px);

  /* Theme-aware colors for shadows and highlights */
  --shadow-color-rgb: 0, 0, 0;
  --highlight-color-rgb: 255, 255, 255;
  --primary-color: var(--accent-primary);
  --card-bg: var(--bg-secondary);
}

/* Theme: One Dark */
[data-theme="one-dark"] {
  --bg-primary: #21252b;
  --bg-secondary: #282c34;
  --bg-tertiary: #353b45;
  --accent-primary: #61afef;
  --accent-secondary: #c678dd;
  --accent-tertiary: #56b6c2;
  --text-primary: #abb2bf;
  --text-secondary: #9da5b4;
  --text-muted: #848b98;
  --border-color: #3e4451;
  --success-color: #98c379;
  --warning-color: #e5c07b;
  --error-color: #e06c75;

  --bg-primary-rgb: 33, 37, 43;
  --bg-secondary-rgb: 40, 44, 52;
  --bg-tertiary-rgb: 53, 59, 69;
  --accent-primary-rgb: 97, 175, 239;
  --accent-secondary-rgb: 198, 120, 221;
  --accent-tertiary-rgb: 86, 182, 194;
  --text-primary-rgb: 171, 178, 191;
  --text-secondary-rgb: 157, 165, 180;
  --text-muted-rgb: 92, 99, 112;
  --border-color-rgb: 62, 68, 81;
  --success-color-rgb: 152, 195, 121;
  --warning-color-rgb: 229, 192, 123;
  --error-color-rgb: 224, 108, 117;

  --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  --glow-effect: 0 0 15px rgba(97, 175, 239, 0.2);
  --gradient-bg: linear-gradient(135deg, #282c34 0%, #21252b 100%);
  --overlay-color: rgba(33, 37, 43, 0.8);
  --backdrop-blur: blur(10px);

  /* Theme-aware colors for shadows and highlights */
  --shadow-color-rgb: 0, 0, 0;
  --highlight-color-rgb: 255, 255, 255;
  --primary-color: var(--accent-primary);
  --card-bg: var(--bg-secondary);
}

/* Theme: Solarized Dark */
[data-theme="solarized-dark"] {
  --bg-primary: #002b36;
  --bg-secondary: #073642;
  --bg-tertiary: #0a4351;
  --accent-primary: #268bd2;
  --accent-secondary: #2aa198;
  --accent-tertiary: #859900;
  --text-primary: #fdf6e3;
  --text-secondary: #eee8d5;
  --text-muted: #93a1a1;
  --border-color: #586e75;
  --success-color: #859900;
  --warning-color: #b58900;
  --error-color: #dc322f;

  --bg-primary-rgb: 0, 43, 54;
  --bg-secondary-rgb: 7, 54, 66;
  --bg-tertiary-rgb: 10, 67, 81;
  --accent-primary-rgb: 38, 139, 210;
  --accent-secondary-rgb: 42, 161, 152;
  --accent-tertiary-rgb: 133, 153, 0;
  --text-primary-rgb: 253, 246, 227;
  --text-secondary-rgb: 238, 232, 213;
  --text-muted-rgb: 147, 161, 161;
  --border-color-rgb: 88, 110, 117;
  --success-color-rgb: 133, 153, 0;
  --warning-color-rgb: 181, 137, 0;
  --error-color-rgb: 220, 50, 47;

  --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  --glow-effect: 0 0 15px rgba(38, 139, 210, 0.2);
  --gradient-bg: linear-gradient(135deg, #073642 0%, #002b36 100%);
  --overlay-color: rgba(0, 43, 54, 0.8);
  --backdrop-blur: blur(10px);

  /* Theme-aware colors for shadows and highlights */
  --shadow-color-rgb: 0, 0, 0;
  --highlight-color-rgb: 255, 255, 255;
  --primary-color: var(--accent-primary);
  --card-bg: var(--bg-secondary);
}

/* Theme: Solarized Light */
[data-theme="solarized-light"] {
  --bg-primary: #fdf6e3;
  --bg-secondary: #eee8d5;
  --bg-tertiary: #ddd6c3;
  --accent-primary: #268bd2;
  --accent-secondary: #2aa198;
  --accent-tertiary: #859900;
  --text-primary: #073642;
  --text-secondary: #586e75;
  --text-muted: #6b7b7b;
  --border-color: #93a1a1;
  --success-color: #859900;
  --warning-color: #b58900;
  --error-color: #dc322f;

  --bg-primary-rgb: 253, 246, 227;
  --bg-secondary-rgb: 238, 232, 213;
  --bg-tertiary-rgb: 221, 214, 195;
  --accent-primary-rgb: 38, 139, 210;
  --accent-secondary-rgb: 42, 161, 152;
  --accent-tertiary-rgb: 133, 153, 0;
  --text-primary-rgb: 7, 54, 66;
  --text-secondary-rgb: 88, 110, 117;
  --text-muted-rgb: 107, 123, 123;
  --border-color-rgb: 147, 161, 161;
  --success-color-rgb: 133, 153, 0;
  --warning-color-rgb: 181, 137, 0;
  --error-color-rgb: 220, 50, 47;

  --card-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  --glow-effect: 0 0 10px rgba(38, 139, 210, 0.15);
  --gradient-bg: linear-gradient(135deg, #eee8d5 0%, #fdf6e3 100%);
  --overlay-color: rgba(7, 54, 66, 0.5);
  --backdrop-blur: blur(10px);

  /* Theme-aware colors for shadows and highlights */
  --shadow-color-rgb: 0, 0, 0;
  --highlight-color-rgb: 0, 0, 0;
  --primary-color: var(--accent-primary);
  --card-bg: var(--bg-secondary);
}

/* Theme: Tokyo Night */
[data-theme="tokyo-night"] {
  --bg-primary: #1a1b26;
  --bg-secondary: #24283b;
  --bg-tertiary: #343b58;
  --accent-primary: #7aa2f7;
  --accent-secondary: #bb9af7;
  --accent-tertiary: #7dcfff;
  --text-primary: #c0caf5;
  --text-secondary: #a9b1d6;
  --text-muted: #7982b4;
  --border-color: #414868;
  --success-color: #9ece6a;
  --warning-color: #e0af68;
  --error-color: #f7768e;

  --bg-primary-rgb: 26, 27, 38;
  --bg-secondary-rgb: 36, 40, 59;
  --bg-tertiary-rgb: 52, 59, 88;
  --accent-primary-rgb: 122, 162, 247;
  --accent-secondary-rgb: 187, 154, 247;
  --accent-tertiary-rgb: 125, 207, 255;
  --text-primary-rgb: 192, 202, 245;
  --text-secondary-rgb: 169, 177, 214;
  --text-muted-rgb: 86, 95, 137;
  --border-color-rgb: 65, 72, 104;
  --success-color-rgb: 158, 206, 106;
  --warning-color-rgb: 224, 175, 104;
  --error-color-rgb: 247, 118, 142;

  --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
  --glow-effect: 0 0 15px rgba(122, 162, 247, 0.3);
  --gradient-bg: linear-gradient(135deg, #24283b 0%, #1a1b26 100%);
  --overlay-color: rgba(26, 27, 38, 0.8);
  --backdrop-blur: blur(10px);

  /* Theme-aware colors for shadows and highlights */
  --shadow-color-rgb: 0, 0, 0;
  --highlight-color-rgb: 255, 255, 255;
  --primary-color: var(--accent-primary);
  --card-bg: var(--bg-secondary);
}


/* === Research & Reading === */

/* Theme: Ayu Mirage */
[data-theme="ayu-mirage"] {
  --bg-primary: #1F2430;
  --bg-secondary: #242936;
  --bg-tertiary: #2D3440;
  --accent-primary: #FFCC66;
  --accent-secondary: #73D0FF;
  --accent-tertiary: #87D96C;
  --text-primary: #CCCAC2;
  --text-secondary: #B8CFE6;
  --text-muted: #99a3b5;
  --border-color: #3D4455;
  --success-color: #87D96C;
  --warning-color: #FFD173;
  --error-color: #FF6666;

  --bg-primary-rgb: 31, 36, 48;
  --bg-secondary-rgb: 36, 41, 54;
  --bg-tertiary-rgb: 45, 52, 64;
  --accent-primary-rgb: 255, 204, 102;
  --accent-secondary-rgb: 115, 208, 255;
  --accent-tertiary-rgb: 135, 217, 108;
  --text-primary-rgb: 204, 202, 194;
  --text-secondary-rgb: 184, 207, 230;
  --text-muted-rgb: 112, 122, 140;
  --border-color-rgb: 61, 68, 85;
  --success-color-rgb: 135, 217, 108;
  --warning-color-rgb: 255, 209, 115;
  --error-color-rgb: 255, 102, 102;

  --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
  --glow-effect: 0 0 15px rgba(255, 204, 102, 0.2);
  --gradient-bg: linear-gradient(135deg, #242936 0%, #1F2430 100%);
  --overlay-color: rgba(31, 36, 48, 0.85);
  --backdrop-blur: blur(10px);

  /* Theme-aware colors for shadows and highlights */
  --shadow-color-rgb: 0, 0, 0;
  --highlight-color-rgb: 255, 255, 255;
  --primary-color: var(--accent-primary);
  --card-bg: var(--bg-secondary);
}

/* Theme: Everforest Dark */
[data-theme="everforest-dark"] {
  --bg-primary: #2D353B;
  --bg-secondary: #343F44;
  --bg-tertiary: #3D484D;
  --accent-primary: #A7C080;
  --accent-secondary: #83C092;
  --accent-tertiary: #7FBBB3;
  --text-primary: #D3C6AA;
  --text-secondary: #9DA9A0;
  --text-muted: #859289;
  --border-color: #4F585E;
  --success-color: #A7C080;
  --warning-color: #DBBC7F;
  --error-color: #E67E80;

  --bg-primary-rgb: 45, 53, 59;
  --bg-secondary-rgb: 52, 63, 68;
  --bg-tertiary-rgb: 61, 72, 77;
  --accent-primary-rgb: 167, 192, 128;
  --accent-secondary-rgb: 131, 192, 146;
  --accent-tertiary-rgb: 127, 187, 179;
  --text-primary-rgb: 211, 198, 170;
  --text-secondary-rgb: 157, 169, 160;
  --text-muted-rgb: 133, 146, 137;
  --border-color-rgb: 79, 88, 94;
  --success-color-rgb: 167, 192, 128;
  --warning-color-rgb: 219, 188, 127;
  --error-color-rgb: 230, 126, 128;

  --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  --glow-effect: 0 0 15px rgba(167, 192, 128, 0.2);
  --gradient-bg: linear-gradient(135deg, #343F44 0%, #2D353B 100%);
  --overlay-color: rgba(45, 53, 59, 0.8);
  --backdrop-blur: blur(10px);

  /* Theme-aware colors for shadows and highlights */
  --shadow-color-rgb: 0, 0, 0;
  --highlight-color-rgb: 255, 255, 255;
  --primary-color: var(--accent-primary);
  --card-bg: var(--bg-secondary);
}

/* Theme: Everforest Light */
[data-theme="everforest-light"] {
  --bg-primary: #FDF6E3;
  --bg-secondary: #F4F0D9;
  --bg-tertiary: #E6E2CC;
  --accent-primary: #8DA101;
  --accent-secondary: #35A77C;
  --accent-tertiary: #3A94C5;
  --text-primary: #5C6A72;
  --text-secondary: #829181;
  --text-muted: #7A8575;
  --border-color: #E0DCC7;
  --success-color: #8DA101;
  --warning-color: #DFA000;
  --error-color: #F85552;

  --bg-primary-rgb: 253, 246, 227;
  --bg-secondary-rgb: 244, 240, 217;
  --bg-tertiary-rgb: 230, 226, 204;
  --accent-primary-rgb: 141, 161, 1;
  --accent-secondary-rgb: 53, 167, 124;
  --accent-tertiary-rgb: 58, 148, 197;
  --text-primary-rgb: 92, 106, 114;
  --text-secondary-rgb: 130, 145, 129;
  --text-muted-rgb: 122, 133, 117;
  --border-color-rgb: 224, 220, 199;
  --success-color-rgb: 141, 161, 1;
  --warning-color-rgb: 223, 160, 0;
  --error-color-rgb: 248, 85, 82;

  --card-shadow: 0 2px 12px rgba(92, 106, 114, 0.08);
  --glow-effect: 0 0 10px rgba(141, 161, 1, 0.15);
  --gradient-bg: linear-gradient(135deg, #F4F0D9 0%, #FDF6E3 100%);
  --overlay-color: rgba(92, 106, 114, 0.5);
  --backdrop-blur: blur(10px);

  /* Theme-aware colors for shadows and highlights */
  --shadow-color-rgb: 0, 0, 0;
  --highlight-color-rgb: 0, 0, 0;
  --primary-color: var(--accent-primary);
  --card-bg: var(--bg-secondary);
}

/* Theme: Flexoki Dark */
[data-theme="flexoki-dark"] {
  --bg-primary: #100F0F;
  --bg-secondary: #1C1B1A;
  --bg-tertiary: #282726;
  --accent-primary: #DA702C;
  --accent-secondary: #879A39;
  --accent-tertiary: #4385BE;
  --text-primary: #CECDC3;
  --text-secondary: #B7B5AC;
  --text-muted: #878580;
  --border-color: #403E3C;
  --success-color: #879A39;
  --warning-color: #D0A215;
  --error-color: #D14D41;

  --bg-primary-rgb: 16, 15, 15;
  --bg-secondary-rgb: 28, 27, 26;
  --bg-tertiary-rgb: 40, 39, 38;
  --accent-primary-rgb: 218, 112, 44;
  --accent-secondary-rgb: 135, 154, 57;
  --accent-tertiary-rgb: 67, 133, 190;
  --text-primary-rgb: 206, 205, 195;
  --text-secondary-rgb: 183, 181, 172;
  --text-muted-rgb: 135, 133, 128;
  --border-color-rgb: 64, 62, 60;
  --success-color-rgb: 135, 154, 57;
  --warning-color-rgb: 208, 162, 21;
  --error-color-rgb: 209, 77, 65;

  --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
  --glow-effect: 0 0 15px rgba(218, 112, 44, 0.2);
  --gradient-bg: linear-gradient(135deg, #1C1B1A 0%, #100F0F 100%);
  --overlay-color: rgba(16, 15, 15, 0.8);
  --backdrop-blur: blur(10px);

  /* Theme-aware colors for shadows and highlights */
  --shadow-color-rgb: 0, 0, 0;
  --highlight-color-rgb: 255, 255, 255;
  --primary-color: var(--accent-primary);
  --card-bg: var(--bg-secondary);
}

/* Theme: Flexoki Light */
[data-theme="flexoki-light"] {
  --bg-primary: #FFFCF0;
  --bg-secondary: #F2F0E5;
  --bg-tertiary: #E6E4D9;
  --accent-primary: #BC5215;
  --accent-secondary: #66800B;
  --accent-tertiary: #205EA6;
  --text-primary: #100F0F;
  --text-secondary: #343331;
  --text-muted: #6F6E69;
  --border-color: #CECDC3;
  --success-color: #66800B;
  --warning-color: #AD8301;
  --error-color: #AF3029;

  --bg-primary-rgb: 255, 252, 240;
  --bg-secondary-rgb: 242, 240, 229;
  --bg-tertiary-rgb: 230, 228, 217;
  --accent-primary-rgb: 188, 82, 21;
  --accent-secondary-rgb: 102, 128, 11;
  --accent-tertiary-rgb: 32, 94, 166;
  --text-primary-rgb: 16, 15, 15;
  --text-secondary-rgb: 52, 51, 49;
  --text-muted-rgb: 111, 110, 105;
  --border-color-rgb: 206, 205, 195;
  --success-color-rgb: 102, 128, 11;
  --warning-color-rgb: 173, 131, 1;
  --error-color-rgb: 175, 48, 41;

  --card-shadow: 0 2px 12px rgba(16, 15, 15, 0.08);
  --glow-effect: 0 0 10px rgba(188, 82, 21, 0.15);
  --gradient-bg: linear-gradient(135deg, #F2F0E5 0%, #FFFCF0 100%);
  --overlay-color: rgba(16, 15, 15, 0.3);
  --backdrop-blur: blur(10px);

  /* Theme-aware colors for shadows and highlights */
  --shadow-color-rgb: 0, 0, 0;
  --highlight-color-rgb: 0, 0, 0;
  --primary-color: var(--accent-primary);
  --card-bg: var(--bg-secondary);
}

/* Theme: Kanagawa */
[data-theme="kanagawa"] {
  --bg-primary: #1F1F28;
  --bg-secondary: #2A2A37;
  --bg-tertiary: #363646;
  --accent-primary: #7E9CD8;
  --accent-secondary: #957FB8;
  --accent-tertiary: #7AA89F;
  --text-primary: #DCD7BA;
  --text-secondary: #C8C093;
  --text-muted: #9e9d93;
  --border-color: #54546D;
  --success-color: #98BB6C;
  --warning-color: #E6C384;
  --error-color: #C34043;

  --bg-primary-rgb: 31, 31, 40;
  --bg-secondary-rgb: 42, 42, 55;
  --bg-tertiary-rgb: 54, 54, 70;
  --accent-primary-rgb: 126, 156, 216;
  --accent-secondary-rgb: 149, 127, 184;
  --accent-tertiary-rgb: 122, 168, 159;
  --text-primary-rgb: 220, 215, 186;
  --text-secondary-rgb: 200, 192, 147;
  --text-muted-rgb: 114, 113, 105;
  --border-color-rgb: 84, 84, 109;
  --success-color-rgb: 152, 187, 108;
  --warning-color-rgb: 230, 195, 132;
  --error-color-rgb: 195, 64, 67;

  --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
  --glow-effect: 0 0 15px rgba(126, 156, 216, 0.2);
  --gradient-bg: linear-gradient(135deg, #2A2A37 0%, #1F1F28 100%);
  --overlay-color: rgba(31, 31, 40, 0.85);
  --backdrop-blur: blur(10px);

  /* Theme-aware colors for shadows and highlights */
  --shadow-color-rgb: 0, 0, 0;
  --highlight-color-rgb: 255, 255, 255;
  --primary-color: var(--accent-primary);
  --card-bg: var(--bg-secondary);
}

/* Theme: Light Owl */
[data-theme="light-owl"] {
  --bg-primary: #F0F0F0;
  --bg-secondary: #FAFAFA;
  --bg-tertiary: #E0E0E0;
  --accent-primary: #4876D6;
  --accent-secondary: #7B3DA0;
  --accent-tertiary: #0C969B;
  --text-primary: #403F53;
  --text-secondary: #5C5C72;
  --text-muted: #5F7A86;
  --border-color: #B8B8B8;
  --success-color: #4CA64C;
  --warning-color: #DAAA01;
  --error-color: #DE3D3B;

  --bg-primary-rgb: 240, 240, 240;
  --bg-secondary-rgb: 250, 250, 250;
  --bg-tertiary-rgb: 224, 224, 224;
  --accent-primary-rgb: 72, 118, 214;
  --accent-secondary-rgb: 123, 61, 160;
  --accent-tertiary-rgb: 12, 150, 155;
  --text-primary-rgb: 64, 63, 83;
  --text-secondary-rgb: 92, 92, 114;
  --text-muted-rgb: 95, 122, 134;
  --border-color-rgb: 184, 184, 184;
  --success-color-rgb: 76, 166, 76;
  --warning-color-rgb: 218, 170, 1;
  --error-color-rgb: 222, 61, 59;

  --card-shadow: 0 2px 12px rgba(64, 63, 83, 0.08);
  --glow-effect: 0 0 10px rgba(72, 118, 214, 0.15);
  --gradient-bg: linear-gradient(135deg, #FAFAFA 0%, #F0F0F0 100%);
  --overlay-color: rgba(64, 63, 83, 0.5);
  --backdrop-blur: blur(10px);

  /* Theme-aware colors for shadows and highlights */
  --shadow-color-rgb: 0, 0, 0;
  --highlight-color-rgb: 0, 0, 0;
  --primary-color: var(--accent-primary);
  --card-bg: var(--bg-secondary);
}

/* Theme: Night Owl */
[data-theme="night-owl"] {
  --bg-primary: #011627;
  --bg-secondary: #0b2942;
  --bg-tertiary: #1d3b53;
  --accent-primary: #82aaff;
  --accent-secondary: #c792ea;
  --accent-tertiary: #7fdbca;
  --text-primary: #d6deeb;
  --text-secondary: #89a4bb;
  --text-muted: #7fa0b8;
  --border-color: #234d70;
  --success-color: #9CCC65;
  --warning-color: #FFCA28;
  --error-color: #EF5350;

  --bg-primary-rgb: 1, 22, 39;
  --bg-secondary-rgb: 11, 41, 66;
  --bg-tertiary-rgb: 29, 59, 83;
  --accent-primary-rgb: 130, 170, 255;
  --accent-secondary-rgb: 199, 146, 234;
  --accent-tertiary-rgb: 127, 219, 202;
  --text-primary-rgb: 214, 222, 235;
  --text-secondary-rgb: 137, 164, 187;
  --text-muted-rgb: 95, 126, 151;
  --border-color-rgb: 35, 77, 112;
  --success-color-rgb: 156, 204, 101;
  --warning-color-rgb: 255, 202, 40;
  --error-color-rgb: 239, 83, 80;

  --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
  --glow-effect: 0 0 15px rgba(130, 170, 255, 0.2);
  --gradient-bg: linear-gradient(135deg, #0b2942 0%, #011627 100%);
  --overlay-color: rgba(1, 22, 39, 0.85);
  --backdrop-blur: blur(10px);

  /* Theme-aware colors for shadows and highlights */
  --shadow-color-rgb: 0, 0, 0;
  --highlight-color-rgb: 255, 255, 255;
  --primary-color: var(--accent-primary);
  --card-bg: var(--bg-secondary);
}

/* Theme: Palenight */
[data-theme="palenight"] {
  --bg-primary: #292D3E;
  --bg-secondary: #303348;
  --bg-tertiary: #3a3e52;
  --accent-primary: #82aaff;
  --accent-secondary: #c792ea;
  --accent-tertiary: #89ddff;
  --text-primary: #A6ACCD;
  --text-secondary: #959dcb;
  --text-muted: #8b92b8;
  --border-color: #4e5579;
  --success-color: #c3e88d;
  --warning-color: #ffcb6b;
  --error-color: #ff5370;

  --bg-primary-rgb: 41, 45, 62;
  --bg-secondary-rgb: 48, 51, 72;
  --bg-tertiary-rgb: 58, 62, 82;
  --accent-primary-rgb: 130, 170, 255;
  --accent-secondary-rgb: 199, 146, 234;
  --accent-tertiary-rgb: 137, 221, 255;
  --text-primary-rgb: 166, 172, 205;
  --text-secondary-rgb: 149, 157, 203;
  --text-muted-rgb: 103, 110, 149;
  --border-color-rgb: 78, 85, 121;
  --success-color-rgb: 195, 232, 141;
  --warning-color-rgb: 255, 203, 107;
  --error-color-rgb: 255, 83, 112;

  --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
  --glow-effect: 0 0 15px rgba(130, 170, 255, 0.25);
  --gradient-bg: linear-gradient(135deg, #303348 0%, #292D3E 100%);
  --overlay-color: rgba(41, 45, 62, 0.85);
  --backdrop-blur: blur(10px);

  /* Theme-aware colors for shadows and highlights */
  --shadow-color-rgb: 0, 0, 0;
  --highlight-color-rgb: 255, 255, 255;
  --primary-color: var(--accent-primary);
  --card-bg: var(--bg-secondary);
}

/* Theme: Rosé Pine */
[data-theme="rose-pine"] {
  --bg-primary: #191724;
  --bg-secondary: #1f1d2e;
  --bg-tertiary: #26233a;
  --accent-primary: #ebbcba;
  --accent-secondary: #c4a7e7;
  --accent-tertiary: #9ccfd8;
  --text-primary: #e0def4;
  --text-secondary: #908caa;
  --text-muted: #6e6a86;
  --border-color: #403d52;
  --success-color: #9ccfd8;
  --warning-color: #f6c177;
  --error-color: #eb6f92;

  --bg-primary-rgb: 25, 23, 36;
  --bg-secondary-rgb: 31, 29, 46;
  --bg-tertiary-rgb: 38, 35, 58;
  --accent-primary-rgb: 235, 188, 186;
  --accent-secondary-rgb: 196, 167, 231;
  --accent-tertiary-rgb: 156, 207, 216;
  --text-primary-rgb: 224, 222, 244;
  --text-secondary-rgb: 144, 140, 170;
  --text-muted-rgb: 110, 106, 134;
  --border-color-rgb: 64, 61, 82;
  --success-color-rgb: 156, 207, 216;
  --warning-color-rgb: 246, 193, 119;
  --error-color-rgb: 235, 111, 146;

  --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
  --glow-effect: 0 0 15px rgba(235, 188, 186, 0.2);
  --gradient-bg: linear-gradient(135deg, #1f1d2e 0%, #191724 100%);
  --overlay-color: rgba(25, 23, 36, 0.8);
  --backdrop-blur: blur(10px);

  /* Theme-aware colors for shadows and highlights */
  --shadow-color-rgb: 0, 0, 0;
  --highlight-color-rgb: 255, 255, 255;
  --primary-color: var(--accent-primary);
  --card-bg: var(--bg-secondary);
}

/* Theme: Rosé Pine Dawn */
[data-theme="rose-pine-dawn"] {
  --bg-primary: #faf4ed;
  --bg-secondary: #fffaf3;
  --bg-tertiary: #f2e9e1;
  --accent-primary: #d7827e;
  --accent-secondary: #907aa9;
  --accent-tertiary: #56949f;
  --text-primary: #575279;
  --text-secondary: #797593;
  --text-muted: #716d80;
  --border-color: #dfdad9;
  --success-color: #56949f;
  --warning-color: #ea9d34;
  --error-color: #b4637a;

  --bg-primary-rgb: 250, 244, 237;
  --bg-secondary-rgb: 255, 250, 243;
  --bg-tertiary-rgb: 242, 233, 225;
  --accent-primary-rgb: 215, 130, 126;
  --accent-secondary-rgb: 144, 122, 169;
  --accent-tertiary-rgb: 86, 148, 159;
  --text-primary-rgb: 87, 82, 121;
  --text-secondary-rgb: 121, 117, 147;
  --text-muted-rgb: 113, 109, 128;
  --border-color-rgb: 223, 218, 217;
  --success-color-rgb: 86, 148, 159;
  --warning-color-rgb: 234, 157, 52;
  --error-color-rgb: 180, 99, 122;

  --card-shadow: 0 2px 12px rgba(87, 82, 121, 0.08);
  --glow-effect: 0 0 10px rgba(215, 130, 126, 0.15);
  --gradient-bg: linear-gradient(135deg, #fffaf3 0%, #faf4ed 100%);
  --overlay-color: rgba(87, 82, 121, 0.5);
  --backdrop-blur: blur(10px);

  /* Theme-aware colors for shadows and highlights */
  --shadow-color-rgb: 0, 0, 0;
  --highlight-color-rgb: 0, 0, 0;
  --primary-color: var(--accent-primary);
  --card-bg: var(--bg-secondary);
}

/* Theme: Vesper */
[data-theme="vesper"] {
  --bg-primary: #101010;
  --bg-secondary: #1C1C1C;
  --bg-tertiary: #282828;
  --accent-primary: #FFC799;
  --accent-secondary: #60CDAB;
  --accent-tertiary: #FFCFA8;
  --text-primary: #FFFFFF;
  --text-secondary: #A0A0A0;
  --text-muted: #606060;
  --border-color: #333333;
  --success-color: #60CDAB;
  --warning-color: #FFC799;
  --error-color: #F07171;

  --bg-primary-rgb: 16, 16, 16;
  --bg-secondary-rgb: 28, 28, 28;
  --bg-tertiary-rgb: 40, 40, 40;
  --accent-primary-rgb: 255, 199, 153;
  --accent-secondary-rgb: 96, 205, 171;
  --accent-tertiary-rgb: 255, 207, 168;
  --text-primary-rgb: 255, 255, 255;
  --text-secondary-rgb: 160, 160, 160;
  --text-muted-rgb: 96, 96, 96;
  --border-color-rgb: 51, 51, 51;
  --success-color-rgb: 96, 205, 171;
  --warning-color-rgb: 255, 199, 153;
  --error-color-rgb: 240, 113, 113;

  --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
  --glow-effect: 0 0 15px rgba(255, 199, 153, 0.2);
  --gradient-bg: linear-gradient(135deg, #1C1C1C 0%, #101010 100%);
  --overlay-color: rgba(16, 16, 16, 0.85);
  --backdrop-blur: blur(10px);

  /* Theme-aware colors for shadows and highlights */
  --shadow-color-rgb: 0, 0, 0;
  --highlight-color-rgb: 255, 255, 255;
  --primary-color: var(--accent-primary);
  --card-bg: var(--bg-secondary);
}
