/**
 * Taury Lad - Windows XP Luna & Royale Noir Dark Mode Theme Engine
 * Faithful recreation of Windows XP UI components, titlebars, buttons, tabs, and bevels.
 */

:root {
  /* Classic Windows XP Luna (Blue) Palette */
  --xp-desktop-bg: #225ad7;
  --xp-window-bg: #ece9d8;
  --xp-window-border: #0055ea;
  --xp-window-shadow: rgba(0, 0, 0, 0.45);
  
  --xp-titlebar-bg-from: #0058ee;
  --xp-titlebar-bg-to: #0030a2;
  --xp-titlebar-text: #ffffff;
  --xp-titlebar-shadow: #0f1089;

  --xp-text-primary: #000000;
  --xp-text-secondary: #444444;
  --xp-text-muted: #666666;
  
  --xp-panel-bg: #ffffff;
  --xp-panel-border: #7f9db9;
  --xp-card-bg: #f9f8f2;
  --xp-card-border: #d4d0c8;
  
  --xp-btn-border: #003c74;
  --xp-btn-bg-from: #ffffff;
  --xp-btn-bg-to: #ece9d8;
  --xp-btn-hover-border: #f6a31c;
  
  --xp-taskbar-bg-from: #225ad7;
  --xp-taskbar-bg-to: #1842a5;
  --xp-start-from: #388e3c;
  --xp-start-to: #1b5e20;
  
  --xp-accent-blue: #0055ea;
  --xp-accent-orange: #ff8c00;
  --xp-accent-green: #388e3c;
  
  --xp-ad-bg: #fdfdf9;
  --xp-ad-border: #a0a0a0;
  --xp-code-bg: #f1efe2;
}

/* ==========================================================================
   Windows XP Royale Noir / Zune Dark Mode
   ========================================================================== */
body.dark-theme,
body[data-palette="noir"] {
  --xp-desktop-bg: #0d0f14;
  --xp-window-bg: #23252d;
  --xp-window-border: #3b3e4a;
  --xp-window-shadow: rgba(0, 0, 0, 0.75);

  --xp-titlebar-bg-from: #2f323c;
  --xp-titlebar-bg-to: #15161a;
  --xp-titlebar-text: #f0f2f8;
  --xp-titlebar-shadow: #000000;

  --xp-text-primary: #e6e9f0;
  --xp-text-secondary: #adb4c6;
  --xp-text-muted: #7b8296;

  --xp-panel-bg: #16171d;
  --xp-panel-border: #3c404e;
  --xp-card-bg: #1c1d24;
  --xp-card-border: #2e313c;

  --xp-btn-border: #4d5162;
  --xp-btn-bg-from: #383a45;
  --xp-btn-bg-to: #252730;
  --xp-btn-hover-border: #ff7700;

  --xp-taskbar-bg-from: #1e2027;
  --xp-taskbar-bg-to: #101115;
  --xp-start-from: #d35400;
  --xp-start-to: #962d00;

  --xp-accent-blue: #3d84ff;
  --xp-accent-orange: #ff7700;
  --xp-accent-green: #00e676;

  --xp-ad-bg: #181920;
  --xp-ad-border: #3a3d4a;
  --xp-code-bg: #121318;
}

/* ==========================================================================
   Windows XP Homestead (Olive Green) Palette
   ========================================================================== */
body[data-palette="olive"]:not(.dark-theme) {
  --xp-desktop-bg: #4a5d34;
  --xp-window-bg: #ece9d8;
  --xp-window-border: #738850;
  --xp-window-shadow: rgba(0, 0, 0, 0.45);

  --xp-titlebar-bg-from: #8da860;
  --xp-titlebar-bg-to: #5c723d;
  --xp-titlebar-text: #ffffff;
  --xp-titlebar-shadow: #3b4c26;

  --xp-text-primary: #000000;
  --xp-text-secondary: #3b4c26;
  --xp-text-muted: #5e6b4d;

  --xp-panel-bg: #ffffff;
  --xp-panel-border: #96a879;
  --xp-card-bg: #f5f6ed;
  --xp-card-border: #c8d3b8;

  --xp-btn-border: #56683c;
  --xp-btn-bg-from: #ffffff;
  --xp-btn-bg-to: #e5ecd8;
  --xp-btn-hover-border: #f6a31c;

  --xp-taskbar-bg-from: #799153;
  --xp-taskbar-bg-to: #5c6f3d;
  --xp-start-from: #f28014;
  --xp-start-to: #c25900;

  --xp-accent-blue: #5c723d;
  --xp-accent-orange: #f28014;
  --xp-accent-green: #4a5d34;

  --xp-ad-bg: #f9faf4;
  --xp-ad-border: #96a879;
  --xp-code-bg: #ebf0e2;
}

/* ==========================================================================
   Windows XP Metallic (Silver) Palette
   ========================================================================== */
body[data-palette="silver"]:not(.dark-theme) {
  --xp-desktop-bg: #5f6e80;
  --xp-window-bg: #ece9d8;
  --xp-window-border: #8c9098;
  --xp-window-shadow: rgba(0, 0, 0, 0.45);

  --xp-titlebar-bg-from: #c6c9d0;
  --xp-titlebar-bg-to: #7f8490;
  --xp-titlebar-text: #000000;
  --xp-titlebar-shadow: #d0d4dc;

  --xp-text-primary: #000000;
  --xp-text-secondary: #3c3f46;
  --xp-text-muted: #5e626c;

  --xp-panel-bg: #ffffff;
  --xp-panel-border: #a4a8b2;
  --xp-card-bg: #f5f5f7;
  --xp-card-border: #cbcfd8;

  --xp-btn-border: #727680;
  --xp-btn-bg-from: #ffffff;
  --xp-btn-bg-to: #e2e4e8;
  --xp-btn-hover-border: #f6a31c;

  --xp-taskbar-bg-from: #bec3cb;
  --xp-taskbar-bg-to: #858a94;
  --xp-start-from: #388e3c;
  --xp-start-to: #1b5e20;

  --xp-accent-blue: #4a6382;
  --xp-accent-orange: #ff8c00;
  --xp-accent-green: #388e3c;

  --xp-ad-bg: #fafafa;
  --xp-ad-border: #a4a8b2;
  --xp-code-bg: #e6e8ec;
}

/* ==========================================================================
   Windows XP Royale (Energy Blue) Palette
   ========================================================================== */
body[data-palette="royale"]:not(.dark-theme) {
  --xp-desktop-bg: #103264;
  --xp-window-bg: #ece9d8;
  --xp-window-border: #1d52a2;
  --xp-window-shadow: rgba(0, 0, 0, 0.45);

  --xp-titlebar-bg-from: #3b77dc;
  --xp-titlebar-bg-to: #1a4da0;
  --xp-titlebar-text: #ffffff;
  --xp-titlebar-shadow: #0c2d66;

  --xp-text-primary: #000000;
  --xp-text-secondary: #1a4da0;
  --xp-text-muted: #4d6896;

  --xp-panel-bg: #ffffff;
  --xp-panel-border: #5a8bd8;
  --xp-card-bg: #f4f7fc;
  --xp-card-border: #c4d4ec;

  --xp-btn-border: #1a4da0;
  --xp-btn-bg-from: #ffffff;
  --xp-btn-bg-to: #e0e8f6;
  --xp-btn-hover-border: #f6a31c;

  --xp-taskbar-bg-from: #2663c0;
  --xp-taskbar-bg-to: #174288;
  --xp-start-from: #00a86b;
  --xp-start-to: #00754a;

  --xp-accent-blue: #1d52a2;
  --xp-accent-orange: #ff8c00;
  --xp-accent-green: #00a86b;

  --xp-ad-bg: #f8fafd;
  --xp-ad-border: #5a8bd8;
  --xp-code-bg: #e3ebf8;
}

/* ==========================================================================
   31 ADDITIONAL COLOR PALETTES (Total: 36 Unique Themes)
   ========================================================================== */

/* 6. Windows XP Zune Theme */
body[data-palette="zune"] {
  --xp-desktop-bg: #1c1d22;
  --xp-window-bg: #2b2c34;
  --xp-window-border: #ff6600;
  --xp-window-shadow: rgba(0, 0, 0, 0.7);
  --xp-titlebar-bg-from: #ff6600;
  --xp-titlebar-bg-to: #cc4400;
  --xp-titlebar-text: #ffffff;
  --xp-titlebar-shadow: #882200;
  --xp-text-primary: #f0f2f5;
  --xp-text-secondary: #c2c5cc;
  --xp-text-muted: #8d919a;
  --xp-panel-bg: #1f2026;
  --xp-panel-border: #444754;
  --xp-card-bg: #24252d;
  --xp-card-border: #3b3d48;
  --xp-btn-border: #ff6600;
  --xp-btn-bg-from: #3d3e48;
  --xp-btn-bg-to: #282930;
  --xp-btn-hover-border: #ff9933;
  --xp-taskbar-bg-from: #26272e;
  --xp-taskbar-bg-to: #18191e;
  --xp-start-from: #ff7700;
  --xp-start-to: #d94400;
  --xp-accent-blue: #ff6600;
  --xp-accent-orange: #ff9933;
  --xp-accent-green: #00e676;
  --xp-ad-bg: #1f2026;
  --xp-ad-border: #444754;
  --xp-code-bg: #16171b;
}

/* 7. Windows Whistler Watercolor (Early XP Prototype) */
body[data-palette="watercolor"]:not(.dark-theme) {
  --xp-desktop-bg: #355c96;
  --xp-window-bg: #ece9d8;
  --xp-window-border: #4a78c0;
  --xp-window-shadow: rgba(0, 0, 0, 0.45);
  --xp-titlebar-bg-from: #4a78c0;
  --xp-titlebar-bg-to: #2d5496;
  --xp-titlebar-text: #ffffff;
  --xp-titlebar-shadow: #1b3866;
  --xp-text-primary: #000000;
  --xp-text-secondary: #2d5496;
  --xp-text-muted: #536f9c;
  --xp-panel-bg: #ffffff;
  --xp-panel-border: #6d93d2;
  --xp-card-bg: #f4f7fb;
  --xp-card-border: #c8d7ee;
  --xp-btn-border: #2d5496;
  --xp-btn-bg-from: #ffffff;
  --xp-btn-bg-to: #dee6f4;
  --xp-btn-hover-border: #f6a31c;
  --xp-taskbar-bg-from: #4169aa;
  --xp-taskbar-bg-to: #2d4f86;
  --xp-start-from: #205090;
  --xp-start-to: #143460;
  --xp-accent-blue: #3d6bb5;
  --xp-accent-orange: #ff8c00;
  --xp-accent-green: #2e7d32;
  --xp-ad-bg: #f8fafd;
  --xp-ad-border: #6d93d2;
  --xp-code-bg: #e2eaf6;
}

/* 8. Windows Whistler Aqua Teal */
body[data-palette="whistler-aqua"]:not(.dark-theme) {
  --xp-desktop-bg: #1c6b78;
  --xp-window-bg: #eaf3f5;
  --xp-window-border: #2a8f9f;
  --xp-window-shadow: rgba(0, 0, 0, 0.45);
  --xp-titlebar-bg-from: #3ea6b6;
  --xp-titlebar-bg-to: #1c6b78;
  --xp-titlebar-text: #ffffff;
  --xp-titlebar-shadow: #0f444d;
  --xp-text-primary: #05262c;
  --xp-text-secondary: #1a5660;
  --xp-text-muted: #4f7980;
  --xp-panel-bg: #ffffff;
  --xp-panel-border: #56b2c0;
  --xp-card-bg: #f2f8f9;
  --xp-card-border: #b8dfe5;
  --xp-btn-border: #1c6b78;
  --xp-btn-bg-from: #ffffff;
  --xp-btn-bg-to: #daf0f4;
  --xp-btn-hover-border: #f6a31c;
  --xp-taskbar-bg-from: #308a98;
  --xp-taskbar-bg-to: #1a5660;
  --xp-start-from: #e67e22;
  --xp-start-to: #b85908;
  --xp-accent-blue: #2a8f9f;
  --xp-accent-orange: #e67e22;
  --xp-accent-green: #1c6b78;
  --xp-ad-bg: #f7fbfc;
  --xp-ad-border: #56b2c0;
  --xp-code-bg: #e0f2f5;
}

/* 9. Windows Longhorn Slate (Build 4074 Plex) */
body[data-palette="longhorn-slate"]:not(.dark-theme) {
  --xp-desktop-bg: #37474f;
  --xp-window-bg: #eceff1;
  --xp-window-border: #546e7a;
  --xp-window-shadow: rgba(0, 0, 0, 0.5);
  --xp-titlebar-bg-from: #607d8b;
  --xp-titlebar-bg-to: #37474f;
  --xp-titlebar-text: #ffffff;
  --xp-titlebar-shadow: #21292d;
  --xp-text-primary: #212121;
  --xp-text-secondary: #37474f;
  --xp-text-muted: #607d8b;
  --xp-panel-bg: #ffffff;
  --xp-panel-border: #90a4ae;
  --xp-card-bg: #f5f7f8;
  --xp-card-border: #cfd8dc;
  --xp-btn-border: #455a64;
  --xp-btn-bg-from: #ffffff;
  --xp-btn-bg-to: #e0e6e9;
  --xp-btn-hover-border: #00b0ff;
  --xp-taskbar-bg-from: #455a64;
  --xp-taskbar-bg-to: #263238;
  --xp-start-from: #00b0ff;
  --xp-start-to: #007bb6;
  --xp-accent-blue: #455a64;
  --xp-accent-orange: #ff9100;
  --xp-accent-green: #00b0ff;
  --xp-ad-bg: #f9fbfc;
  --xp-ad-border: #90a4ae;
  --xp-code-bg: #e2e7ea;
}

/* 10. Windows Longhorn Jade */
body[data-palette="longhorn-jade"]:not(.dark-theme) {
  --xp-desktop-bg: #1b5e20;
  --xp-window-bg: #eef5ee;
  --xp-window-border: #2e7d32;
  --xp-window-shadow: rgba(0, 0, 0, 0.5);
  --xp-titlebar-bg-from: #43a047;
  --xp-titlebar-bg-to: #1b5e20;
  --xp-titlebar-text: #ffffff;
  --xp-titlebar-shadow: #0e3512;
  --xp-text-primary: #122814;
  --xp-text-secondary: #1b5e20;
  --xp-text-muted: #4c7e51;
  --xp-panel-bg: #ffffff;
  --xp-panel-border: #81c784;
  --xp-card-bg: #f4faf4;
  --xp-card-border: #c8e6c9;
  --xp-btn-border: #2e7d32;
  --xp-btn-bg-from: #ffffff;
  --xp-btn-bg-to: #e1efe2;
  --xp-btn-hover-border: #f6a31c;
  --xp-taskbar-bg-from: #2e7d32;
  --xp-taskbar-bg-to: #144218;
  --xp-start-from: #81c784;
  --xp-start-to: #388e3c;
  --xp-accent-blue: #2e7d32;
  --xp-accent-orange: #ff9800;
  --xp-accent-green: #43a047;
  --xp-ad-bg: #f9fdf9;
  --xp-ad-border: #81c784;
  --xp-code-bg: #e2f0e3;
}

/* 11. Windows XP Embedded (Industrial Navy) */
body[data-palette="embedded-blue"]:not(.dark-theme) {
  --xp-desktop-bg: #0f1f38;
  --xp-window-bg: #e9edf2;
  --xp-window-border: #1a365d;
  --xp-window-shadow: rgba(0, 0, 0, 0.5);
  --xp-titlebar-bg-from: #25497d;
  --xp-titlebar-bg-to: #102444;
  --xp-titlebar-text: #ffffff;
  --xp-titlebar-shadow: #061122;
  --xp-text-primary: #0a1424;
  --xp-text-secondary: #1a365d;
  --xp-text-muted: #475d80;
  --xp-panel-bg: #ffffff;
  --xp-panel-border: #60799f;
  --xp-card-bg: #f2f5f9;
  --xp-card-border: #c0cde0;
  --xp-btn-border: #1a365d;
  --xp-btn-bg-from: #ffffff;
  --xp-btn-bg-to: #dae3ef;
  --xp-btn-hover-border: #f6a31c;
  --xp-taskbar-bg-from: #1e3a66;
  --xp-taskbar-bg-to: #0d1c33;
  --xp-start-from: #0284c7;
  --xp-start-to: #0369a1;
  --xp-accent-blue: #2563eb;
  --xp-accent-orange: #f59e0b;
  --xp-accent-green: #10b981;
  --xp-ad-bg: #f7f9fc;
  --xp-ad-border: #60799f;
  --xp-code-bg: #dbe4f0;
}

/* 12. Windows 95/98 Classic Teal */
body[data-palette="win95-teal"]:not(.dark-theme) {
  --xp-desktop-bg: #008080;
  --xp-window-bg: #c0c0c0;
  --xp-window-border: #ffffff;
  --xp-window-shadow: rgba(0, 0, 0, 0.6);
  --xp-titlebar-bg-from: #000080;
  --xp-titlebar-bg-to: #1084d0;
  --xp-titlebar-text: #ffffff;
  --xp-titlebar-shadow: #000040;
  --xp-text-primary: #000000;
  --xp-text-secondary: #000080;
  --xp-text-muted: #555555;
  --xp-panel-bg: #ffffff;
  --xp-panel-border: #808080;
  --xp-card-bg: #dfdfdf;
  --xp-card-border: #808080;
  --xp-btn-border: #000000;
  --xp-btn-bg-from: #ffffff;
  --xp-btn-bg-to: #c0c0c0;
  --xp-btn-hover-border: #000080;
  --xp-taskbar-bg-from: #c0c0c0;
  --xp-taskbar-bg-to: #9c9c9c;
  --xp-start-from: #dfdfdf;
  --xp-start-to: #a0a0a0;
  --xp-accent-blue: #000080;
  --xp-accent-orange: #b85908;
  --xp-accent-green: #008080;
  --xp-ad-bg: #f0f0f0;
  --xp-ad-border: #808080;
  --xp-code-bg: #d0d0d0;
}

/* 13. Windows 2000 Professional */
body[data-palette="win2k-pro"]:not(.dark-theme) {
  --xp-desktop-bg: #3a6ea5;
  --xp-window-bg: #d4d0c8;
  --xp-window-border: #0a246a;
  --xp-window-shadow: rgba(0, 0, 0, 0.5);
  --xp-titlebar-bg-from: #0a246a;
  --xp-titlebar-bg-to: #a6caf0;
  --xp-titlebar-text: #ffffff;
  --xp-titlebar-shadow: #041235;
  --xp-text-primary: #000000;
  --xp-text-secondary: #0a246a;
  --xp-text-muted: #5e5e5e;
  --xp-panel-bg: #ffffff;
  --xp-panel-border: #808080;
  --xp-card-bg: #eae7e1;
  --xp-card-border: #aca899;
  --xp-btn-border: #404040;
  --xp-btn-bg-from: #ffffff;
  --xp-btn-bg-to: #d4d0c8;
  --xp-btn-hover-border: #0a246a;
  --xp-taskbar-bg-from: #d4d0c8;
  --xp-taskbar-bg-to: #b0aca4;
  --xp-start-from: #e0dcd4;
  --xp-start-to: #b8b4ac;
  --xp-accent-blue: #0a246a;
  --xp-accent-orange: #c86800;
  --xp-accent-green: #3a6ea5;
  --xp-ad-bg: #f4f2ee;
  --xp-ad-border: #808080;
  --xp-code-bg: #dedad2;
}

/* 14. Windows 3.1 Hot Dog Stand */
body[data-palette="hotdog-stand"] {
  --xp-desktop-bg: #000000;
  --xp-window-bg: #ffff00;
  --xp-window-border: #ff0000;
  --xp-window-shadow: rgba(0, 0, 0, 0.8);
  --xp-titlebar-bg-from: #ff0000;
  --xp-titlebar-bg-to: #990000;
  --xp-titlebar-text: #ffff00;
  --xp-titlebar-shadow: #000000;
  --xp-text-primary: #000000;
  --xp-text-secondary: #990000;
  --xp-text-muted: #660000;
  --xp-panel-bg: #ffff66;
  --xp-panel-border: #ff0000;
  --xp-card-bg: #ffffff;
  --xp-card-border: #cc0000;
  --xp-btn-border: #ff0000;
  --xp-btn-bg-from: #ffff88;
  --xp-btn-bg-to: #ffff00;
  --xp-btn-hover-border: #000000;
  --xp-taskbar-bg-from: #ff0000;
  --xp-taskbar-bg-to: #880000;
  --xp-start-from: #ffff00;
  --xp-start-to: #ffcc00;
  --xp-accent-blue: #ff0000;
  --xp-accent-orange: #ff6600;
  --xp-accent-green: #990000;
  --xp-ad-bg: #ffffaa;
  --xp-ad-border: #ff0000;
  --xp-code-bg: #ffdd44;
}

/* 15. Mac OS 9 Platinum */
body[data-palette="apple-platinum"]:not(.dark-theme) {
  --xp-desktop-bg: #405878;
  --xp-window-bg: #e0e0e0;
  --xp-window-border: #707070;
  --xp-window-shadow: rgba(0, 0, 0, 0.45);
  --xp-titlebar-bg-from: #d0d0d0;
  --xp-titlebar-bg-to: #999999;
  --xp-titlebar-text: #000000;
  --xp-titlebar-shadow: #ffffff;
  --xp-text-primary: #111111;
  --xp-text-secondary: #334466;
  --xp-text-muted: #666666;
  --xp-panel-bg: #ffffff;
  --xp-panel-border: #999999;
  --xp-card-bg: #f0f0f0;
  --xp-card-border: #b8b8b8;
  --xp-btn-border: #666666;
  --xp-btn-bg-from: #ffffff;
  --xp-btn-bg-to: #cccccc;
  --xp-btn-hover-border: #335588;
  --xp-taskbar-bg-from: #cccccc;
  --xp-taskbar-bg-to: #999999;
  --xp-start-from: #335588;
  --xp-start-to: #1a3355;
  --xp-accent-blue: #335588;
  --xp-accent-orange: #cc6600;
  --xp-accent-green: #226633;
  --xp-ad-bg: #f8f8f8;
  --xp-ad-border: #999999;
  --xp-code-bg: #dcdcdc;
}

/* 16. AmigaOS Workbench 1.3 */
body[data-palette="amiga-workbench"] {
  --xp-desktop-bg: #0055aa;
  --xp-window-bg: #ffffff;
  --xp-window-border: #ff8800;
  --xp-window-shadow: rgba(0, 0, 0, 0.6);
  --xp-titlebar-bg-from: #0055aa;
  --xp-titlebar-bg-to: #003366;
  --xp-titlebar-text: #ff8800;
  --xp-titlebar-shadow: #001122;
  --xp-text-primary: #000000;
  --xp-text-secondary: #003366;
  --xp-text-muted: #555555;
  --xp-panel-bg: #ffffff;
  --xp-panel-border: #0055aa;
  --xp-card-bg: #e6f0ff;
  --xp-card-border: #ff8800;
  --xp-btn-border: #0055aa;
  --xp-btn-bg-from: #ffffff;
  --xp-btn-bg-to: #ffeedd;
  --xp-btn-hover-border: #ff8800;
  --xp-taskbar-bg-from: #0055aa;
  --xp-taskbar-bg-to: #002b55;
  --xp-start-from: #ff8800;
  --xp-start-to: #cc6600;
  --xp-accent-blue: #0055aa;
  --xp-accent-orange: #ff8800;
  --xp-accent-green: #00aa55;
  --xp-ad-bg: #f4f8ff;
  --xp-ad-border: #0055aa;
  --xp-code-bg: #d9e8ff;
}

/* 17. Commodore 64 */
body[data-palette="commodore-64"] {
  --xp-desktop-bg: #40318d;
  --xp-window-bg: #a89bd4;
  --xp-window-border: #705ca6;
  --xp-window-shadow: rgba(0, 0, 0, 0.6);
  --xp-titlebar-bg-from: #705ca6;
  --xp-titlebar-bg-to: #40318d;
  --xp-titlebar-text: #ffffff;
  --xp-titlebar-shadow: #20154d;
  --xp-text-primary: #20154d;
  --xp-text-secondary: #40318d;
  --xp-text-muted: #5c4d8c;
  --xp-panel-bg: #ded8f2;
  --xp-panel-border: #705ca6;
  --xp-card-bg: #c5bce5;
  --xp-card-border: #5a478c;
  --xp-btn-border: #40318d;
  --xp-btn-bg-from: #ffffff;
  --xp-btn-bg-to: #c5bce5;
  --xp-btn-hover-border: #ff7777;
  --xp-taskbar-bg-from: #40318d;
  --xp-taskbar-bg-to: #251a5c;
  --xp-start-from: #705ca6;
  --xp-start-to: #503d80;
  --xp-accent-blue: #705ca6;
  --xp-accent-orange: #d46654;
  --xp-accent-green: #5ca670;
  --xp-ad-bg: #eeeaf8;
  --xp-ad-border: #705ca6;
  --xp-code-bg: #b8addc;
}

/* 18. Phosphor Amber CRT (80s Monochrome) */
body[data-palette="retro-amber"] {
  --xp-desktop-bg: #140e00;
  --xp-window-bg: #2b1d00;
  --xp-window-border: #ffb000;
  --xp-window-shadow: rgba(0, 0, 0, 0.85);
  --xp-titlebar-bg-from: #ffb000;
  --xp-titlebar-bg-to: #996600;
  --xp-titlebar-text: #000000;
  --xp-titlebar-shadow: #ffcc44;
  --xp-text-primary: #ffc433;
  --xp-text-secondary: #ffb000;
  --xp-text-muted: #b37d00;
  --xp-panel-bg: #1d1300;
  --xp-panel-border: #805500;
  --xp-card-bg: #241700;
  --xp-card-border: #664400;
  --xp-btn-border: #ffb000;
  --xp-btn-bg-from: #4d3300;
  --xp-btn-bg-to: #2b1d00;
  --xp-btn-hover-border: #ffe088;
  --xp-taskbar-bg-from: #2b1d00;
  --xp-taskbar-bg-to: #140e00;
  --xp-start-from: #ffb000;
  --xp-start-to: #cc8800;
  --xp-accent-blue: #ffb000;
  --xp-accent-orange: #ffc433;
  --xp-accent-green: #ffb000;
  --xp-ad-bg: #1d1300;
  --xp-ad-border: #805500;
  --xp-code-bg: #100b00;
}

/* 19. Cyber Terminal Matrix */
body[data-palette="matrix-cyber"] {
  --xp-desktop-bg: #000a00;
  --xp-window-bg: #0d1a0d;
  --xp-window-border: #00ff41;
  --xp-window-shadow: rgba(0, 0, 0, 0.9);
  --xp-titlebar-bg-from: #00ff41;
  --xp-titlebar-bg-to: #00661a;
  --xp-titlebar-text: #000000;
  --xp-titlebar-shadow: #44ff77;
  --xp-text-primary: #00ff41;
  --xp-text-secondary: #00cc33;
  --xp-text-muted: #008822;
  --xp-panel-bg: #071007;
  --xp-panel-border: #00661a;
  --xp-card-bg: #0a140a;
  --xp-card-border: #004411;
  --xp-btn-border: #00ff41;
  --xp-btn-bg-from: #143314;
  --xp-btn-bg-to: #0a1a0a;
  --xp-btn-hover-border: #66ff88;
  --xp-taskbar-bg-from: #0a1a0a;
  --xp-taskbar-bg-to: #030803;
  --xp-start-from: #00ff41;
  --xp-start-to: #00aa2b;
  --xp-accent-blue: #00ff41;
  --xp-accent-orange: #00ffaa;
  --xp-accent-green: #00ff41;
  --xp-ad-bg: #071007;
  --xp-ad-border: #00661a;
  --xp-code-bg: #040804;
}

/* 20. Dracula Theme */
body[data-palette="dracula"] {
  --xp-desktop-bg: #1e1f29;
  --xp-window-bg: #282a36;
  --xp-window-border: #bd93f9;
  --xp-window-shadow: rgba(0, 0, 0, 0.7);
  --xp-titlebar-bg-from: #bd93f9;
  --xp-titlebar-bg-to: #6272a4;
  --xp-titlebar-text: #282a36;
  --xp-titlebar-shadow: #caa8fc;
  --xp-text-primary: #f8f8f2;
  --xp-text-secondary: #ff79c6;
  --xp-text-muted: #6272a4;
  --xp-panel-bg: #21222c;
  --xp-panel-border: #44475a;
  --xp-card-bg: #282a36;
  --xp-card-border: #44475a;
  --xp-btn-border: #bd93f9;
  --xp-btn-bg-from: #44475a;
  --xp-btn-bg-to: #282a36;
  --xp-btn-hover-border: #ff79c6;
  --xp-taskbar-bg-from: #282a36;
  --xp-taskbar-bg-to: #191a21;
  --xp-start-from: #ff79c6;
  --xp-start-to: #bd93f9;
  --xp-accent-blue: #8be9fd;
  --xp-accent-orange: #ffb86c;
  --xp-accent-green: #50fa7b;
  --xp-ad-bg: #21222c;
  --xp-ad-border: #44475a;
  --xp-code-bg: #191a21;
}

/* 21. Nord Arctic Frost */
body[data-palette="nord"] {
  --xp-desktop-bg: #242933;
  --xp-window-bg: #2e3440;
  --xp-window-border: #88c0d0;
  --xp-window-shadow: rgba(0, 0, 0, 0.6);
  --xp-titlebar-bg-from: #88c0d0;
  --xp-titlebar-bg-to: #5e81ac;
  --xp-titlebar-text: #2e3440;
  --xp-titlebar-shadow: #a3d4e0;
  --xp-text-primary: #eceff4;
  --xp-text-secondary: #88c0d0;
  --xp-text-muted: #d8dee9;
  --xp-panel-bg: #272c36;
  --xp-panel-border: #434c5e;
  --xp-card-bg: #3b4252;
  --xp-card-border: #4c566a;
  --xp-btn-border: #81a1c1;
  --xp-btn-bg-from: #434c5e;
  --xp-btn-bg-to: #2e3440;
  --xp-btn-hover-border: #88c0d0;
  --xp-taskbar-bg-from: #2e3440;
  --xp-taskbar-bg-to: #1f232b;
  --xp-start-from: #81a1c1;
  --xp-start-to: #5e81ac;
  --xp-accent-blue: #88c0d0;
  --xp-accent-orange: #d08770;
  --xp-accent-green: #a3be8c;
  --xp-ad-bg: #272c36;
  --xp-ad-border: #434c5e;
  --xp-code-bg: #1f232b;
}

/* 22. Cyberpunk 2077 Night City */
body[data-palette="cyberpunk-neon"] {
  --xp-desktop-bg: #05050a;
  --xp-window-bg: #12131a;
  --xp-window-border: #fee801;
  --xp-window-shadow: rgba(0, 0, 0, 0.85);
  --xp-titlebar-bg-from: #fee801;
  --xp-titlebar-bg-to: #d67a00;
  --xp-titlebar-text: #05050a;
  --xp-titlebar-shadow: #fff370;
  --xp-text-primary: #00f0ff;
  --xp-text-secondary: #fee801;
  --xp-text-muted: #717387;
  --xp-panel-bg: #0a0b10;
  --xp-panel-border: #00f0ff;
  --xp-card-bg: #171822;
  --xp-card-border: #313344;
  --xp-btn-border: #fee801;
  --xp-btn-bg-from: #282a38;
  --xp-btn-bg-to: #12131a;
  --xp-btn-hover-border: #00f0ff;
  --xp-taskbar-bg-from: #12131a;
  --xp-taskbar-bg-to: #050508;
  --xp-start-from: #ff003c;
  --xp-start-to: #b3002a;
  --xp-accent-blue: #00f0ff;
  --xp-accent-orange: #fee801;
  --xp-accent-green: #00ff9f;
  --xp-ad-bg: #0a0b10;
  --xp-ad-border: #00f0ff;
  --xp-code-bg: #07070c;
}

/* 23. Synthwave '84 Neon Sunset */
body[data-palette="synthwave-84"] {
  --xp-desktop-bg: #180e29;
  --xp-window-bg: #241734;
  --xp-window-border: #ff007f;
  --xp-window-shadow: rgba(0, 0, 0, 0.75);
  --xp-titlebar-bg-from: #ff007f;
  --xp-titlebar-bg-to: #7928ca;
  --xp-titlebar-text: #ffffff;
  --xp-titlebar-shadow: #ff55aa;
  --xp-text-primary: #00f0ff;
  --xp-text-secondary: #ff71ce;
  --xp-text-muted: #84729f;
  --xp-panel-bg: #1b1028;
  --xp-panel-border: #7928ca;
  --xp-card-bg: #2b1d3d;
  --xp-card-border: #4a3466;
  --xp-btn-border: #00f0ff;
  --xp-btn-bg-from: #4a2d6a;
  --xp-btn-bg-to: #241734;
  --xp-btn-hover-border: #ff71ce;
  --xp-taskbar-bg-from: #241734;
  --xp-taskbar-bg-to: #160e20;
  --xp-start-from: #ff007f;
  --xp-start-to: #c20061;
  --xp-accent-blue: #00f0ff;
  --xp-accent-orange: #ffb86c;
  --xp-accent-green: #05ffa1;
  --xp-ad-bg: #1b1028;
  --xp-ad-border: #7928ca;
  --xp-code-bg: #140b22;
}

/* 24. Monokai Pro */
body[data-palette="monokai-pro"] {
  --xp-desktop-bg: #221f22;
  --xp-window-bg: #2d2a2e;
  --xp-window-border: #ff6188;
  --xp-window-shadow: rgba(0, 0, 0, 0.7);
  --xp-titlebar-bg-from: #ff6188;
  --xp-titlebar-bg-to: #fc9867;
  --xp-titlebar-text: #221f22;
  --xp-titlebar-shadow: #ff88a4;
  --xp-text-primary: #fcfcfa;
  --xp-text-secondary: #ffd866;
  --xp-text-muted: #727072;
  --xp-panel-bg: #221f22;
  --xp-panel-border: #403e41;
  --xp-card-bg: #353236;
  --xp-card-border: #4d4a4e;
  --xp-btn-border: #a9dc76;
  --xp-btn-bg-from: #403e41;
  --xp-btn-bg-to: #2d2a2e;
  --xp-btn-hover-border: #78dce8;
  --xp-taskbar-bg-from: #2d2a2e;
  --xp-taskbar-bg-to: #19181a;
  --xp-start-from: #a9dc76;
  --xp-start-to: #7fad48;
  --xp-accent-blue: #78dce8;
  --xp-accent-orange: #fc9867;
  --xp-accent-green: #a9dc76;
  --xp-ad-bg: #221f22;
  --xp-ad-border: #403e41;
  --xp-code-bg: #1a181a;
}

/* 25. Tokyo Night */
body[data-palette="tokyo-night"] {
  --xp-desktop-bg: #16161e;
  --xp-window-bg: #1f2335;
  --xp-window-border: #7aa2f7;
  --xp-window-shadow: rgba(0, 0, 0, 0.7);
  --xp-titlebar-bg-from: #7aa2f7;
  --xp-titlebar-bg-to: #3d59a1;
  --xp-titlebar-text: #16161e;
  --xp-titlebar-shadow: #9bbcf9;
  --xp-text-primary: #c0caf5;
  --xp-text-secondary: #7dcfff;
  --xp-text-muted: #565f89;
  --xp-panel-bg: #1a1b26;
  --xp-panel-border: #292e42;
  --xp-card-bg: #24283b;
  --xp-card-border: #3b4261;
  --xp-btn-border: #7aa2f7;
  --xp-btn-bg-from: #2e354e;
  --xp-btn-bg-to: #1f2335;
  --xp-btn-hover-border: #bb9af7;
  --xp-taskbar-bg-from: #1f2335;
  --xp-taskbar-bg-to: #13141d;
  --xp-start-from: #bb9af7;
  --xp-start-to: #8e62d4;
  --xp-accent-blue: #7aa2f7;
  --xp-accent-orange: #ff9e64;
  --xp-accent-green: #9ece6a;
  --xp-ad-bg: #1a1b26;
  --xp-ad-border: #292e42;
  --xp-code-bg: #13141d;
}

/* 26. Solarized Dark */
body[data-palette="solarized-dark"] {
  --xp-desktop-bg: #00212b;
  --xp-window-bg: #073642;
  --xp-window-border: #2aa198;
  --xp-window-shadow: rgba(0, 0, 0, 0.7);
  --xp-titlebar-bg-from: #2aa198;
  --xp-titlebar-bg-to: #268bd2;
  --xp-titlebar-text: #002b36;
  --xp-titlebar-shadow: #52c7be;
  --xp-text-primary: #93a1a1;
  --xp-text-secondary: #2aa198;
  --xp-text-muted: #586e75;
  --xp-panel-bg: #002b36;
  --xp-panel-border: #094757;
  --xp-card-bg: #0b3d4a;
  --xp-card-border: #0e5466;
  --xp-btn-border: #268bd2;
  --xp-btn-bg-from: #0d4b5b;
  --xp-btn-bg-to: #073642;
  --xp-btn-hover-border: #b58900;
  --xp-taskbar-bg-from: #073642;
  --xp-taskbar-bg-to: #00212b;
  --xp-start-from: #859900;
  --xp-start-to: #5e6d00;
  --xp-accent-blue: #268bd2;
  --xp-accent-orange: #cb4b16;
  --xp-accent-green: #859900;
  --xp-ad-bg: #002b36;
  --xp-ad-border: #094757;
  --xp-code-bg: #001b24;
}

/* 27. Solarized Light */
body[data-palette="solarized-light"]:not(.dark-theme) {
  --xp-desktop-bg: #fdf6e3;
  --xp-window-bg: #eee8d5;
  --xp-window-border: #93a1a1;
  --xp-window-shadow: rgba(0, 0, 0, 0.35);
  --xp-titlebar-bg-from: #93a1a1;
  --xp-titlebar-bg-to: #586e75;
  --xp-titlebar-text: #ffffff;
  --xp-titlebar-shadow: #37464b;
  --xp-text-primary: #073642;
  --xp-text-secondary: #268bd2;
  --xp-text-muted: #657b83;
  --xp-panel-bg: #fdf6e3;
  --xp-panel-border: #d33682;
  --xp-card-bg: #f8f1de;
  --xp-card-border: #dcd4be;
  --xp-btn-border: #586e75;
  --xp-btn-bg-from: #ffffff;
  --xp-btn-bg-to: #dfd7c2;
  --xp-btn-hover-border: #cb4b16;
  --xp-taskbar-bg-from: #eee8d5;
  --xp-taskbar-bg-to: #dfd7c2;
  --xp-start-from: #268bd2;
  --xp-start-to: #18649b;
  --xp-accent-blue: #268bd2;
  --xp-accent-orange: #cb4b16;
  --xp-accent-green: #859900;
  --xp-ad-bg: #faf5e6;
  --xp-ad-border: #b58900;
  --xp-code-bg: #e6dfcb;
}

/* 28. Gruvbox Dark */
body[data-palette="gruvbox-dark"] {
  --xp-desktop-bg: #1d2021;
  --xp-window-bg: #32302f;
  --xp-window-border: #fe8019;
  --xp-window-shadow: rgba(0, 0, 0, 0.7);
  --xp-titlebar-bg-from: #fe8019;
  --xp-titlebar-bg-to: #af3a03;
  --xp-titlebar-text: #1d2021;
  --xp-titlebar-shadow: #ff9b44;
  --xp-text-primary: #ebdbb2;
  --xp-text-secondary: #fabd2f;
  --xp-text-muted: #928374;
  --xp-panel-bg: #282828;
  --xp-panel-border: #504945;
  --xp-card-bg: #3c3836;
  --xp-card-border: #665c54;
  --xp-btn-border: #fe8019;
  --xp-btn-bg-from: #504945;
  --xp-btn-bg-to: #32302f;
  --xp-btn-hover-border: #fabd2f;
  --xp-taskbar-bg-from: #32302f;
  --xp-taskbar-bg-to: #1d2021;
  --xp-start-from: #b8bb26;
  --xp-start-to: #797b15;
  --xp-accent-blue: #83a598;
  --xp-accent-orange: #fe8019;
  --xp-accent-green: #b8bb26;
  --xp-ad-bg: #282828;
  --xp-ad-border: #504945;
  --xp-code-bg: #1d2021;
}

/* 29. Catppuccin Mocha */
body[data-palette="catppuccin-mocha"] {
  --xp-desktop-bg: #11111b;
  --xp-window-bg: #1e1e2e;
  --xp-window-border: #cba6f7;
  --xp-window-shadow: rgba(0, 0, 0, 0.7);
  --xp-titlebar-bg-from: #cba6f7;
  --xp-titlebar-bg-to: #89b4fa;
  --xp-titlebar-text: #11111b;
  --xp-titlebar-shadow: #e0ccfa;
  --xp-text-primary: #cdd6f4;
  --xp-text-secondary: #f5c2e7;
  --xp-text-muted: #6c7086;
  --xp-panel-bg: #181825;
  --xp-panel-border: #313244;
  --xp-card-bg: #24253a;
  --xp-card-border: #45475a;
  --xp-btn-border: #cba6f7;
  --xp-btn-bg-from: #313244;
  --xp-btn-bg-to: #1e1e2e;
  --xp-btn-hover-border: #f5c2e7;
  --xp-taskbar-bg-from: #1e1e2e;
  --xp-taskbar-bg-to: #11111b;
  --xp-start-from: #a6e3a1;
  --xp-start-to: #74b86e;
  --xp-accent-blue: #89b4fa;
  --xp-accent-orange: #fab387;
  --xp-accent-green: #a6e3a1;
  --xp-ad-bg: #181825;
  --xp-ad-border: #313244;
  --xp-code-bg: #11111b;
}

/* 30. Deep Emerald Forest */
body[data-palette="emerald-xp"]:not(.dark-theme) {
  --xp-desktop-bg: #0b2920;
  --xp-window-bg: #eaf3ee;
  --xp-window-border: #1b4d3e;
  --xp-window-shadow: rgba(0, 0, 0, 0.5);
  --xp-titlebar-bg-from: #2ecc71;
  --xp-titlebar-bg-to: #1b4d3e;
  --xp-titlebar-text: #ffffff;
  --xp-titlebar-shadow: #0e2a22;
  --xp-text-primary: #0a1f18;
  --xp-text-secondary: #1b4d3e;
  --xp-text-muted: #4e786b;
  --xp-panel-bg: #ffffff;
  --xp-panel-border: #52a387;
  --xp-card-bg: #f2f8f5;
  --xp-card-border: #b8ded0;
  --xp-btn-border: #1b4d3e;
  --xp-btn-bg-from: #ffffff;
  --xp-btn-bg-to: #d5ebe1;
  --xp-btn-hover-border: #f39c12;
  --xp-taskbar-bg-from: #1b4d3e;
  --xp-taskbar-bg-to: #0e2b22;
  --xp-start-from: #f39c12;
  --xp-start-to: #b56c00;
  --xp-accent-blue: #1b4d3e;
  --xp-accent-orange: #f39c12;
  --xp-accent-green: #2ecc71;
  --xp-ad-bg: #f7fbf9;
  --xp-ad-border: #52a387;
  --xp-code-bg: #ddf0e7;
}

/* 31. Crimson Overclock Edition */
body[data-palette="crimson-red"]:not(.dark-theme) {
  --xp-desktop-bg: #4a120c;
  --xp-window-bg: #f8eeee;
  --xp-window-border: #992218;
  --xp-window-shadow: rgba(0, 0, 0, 0.5);
  --xp-titlebar-bg-from: #e74c3c;
  --xp-titlebar-bg-to: #992218;
  --xp-titlebar-text: #ffffff;
  --xp-titlebar-shadow: #5c0f08;
  --xp-text-primary: #260704;
  --xp-text-secondary: #992218;
  --xp-text-muted: #783832;
  --xp-panel-bg: #ffffff;
  --xp-panel-border: #e07469;
  --xp-card-bg: #fbf5f5;
  --xp-card-border: #ecc2bd;
  --xp-btn-border: #992218;
  --xp-btn-bg-from: #ffffff;
  --xp-btn-bg-to: #f6dad7;
  --xp-btn-hover-border: #f1c40f;
  --xp-taskbar-bg-from: #992218;
  --xp-taskbar-bg-to: #5c0f08;
  --xp-start-from: #27ae60;
  --xp-start-to: #1b7340;
  --xp-accent-blue: #992218;
  --xp-accent-orange: #e67e22;
  --xp-accent-green: #27ae60;
  --xp-ad-bg: #fdfafa;
  --xp-ad-border: #e07469;
  --xp-code-bg: #f5dfdd;
}

/* 32. Royal Amethyst */
body[data-palette="amethyst-purple"]:not(.dark-theme) {
  --xp-desktop-bg: #321245;
  --xp-window-bg: #f3ecf7;
  --xp-window-border: #6c2d96;
  --xp-window-shadow: rgba(0, 0, 0, 0.5);
  --xp-titlebar-bg-from: #9b59b6;
  --xp-titlebar-bg-to: #5e2384;
  --xp-titlebar-text: #ffffff;
  --xp-titlebar-shadow: #3b0f56;
  --xp-text-primary: #1f062d;
  --xp-text-secondary: #5e2384;
  --xp-text-muted: #744e8c;
  --xp-panel-bg: #ffffff;
  --xp-panel-border: #b87cd4;
  --xp-card-bg: #f8f4fb;
  --xp-card-border: #dec7ea;
  --xp-btn-border: #5e2384;
  --xp-btn-bg-from: #ffffff;
  --xp-btn-bg-to: #e9d9f2;
  --xp-btn-hover-border: #f39c12;
  --xp-taskbar-bg-from: #6c2d96;
  --xp-taskbar-bg-to: #3e1259;
  --xp-start-from: #2ecc71;
  --xp-start-to: #1c8c4c;
  --xp-accent-blue: #6c2d96;
  --xp-accent-orange: #f39c12;
  --xp-accent-green: #2ecc71;
  --xp-ad-bg: #fbf9fd;
  --xp-ad-border: #b87cd4;
  --xp-code-bg: #ede0f5;
}

/* 33. Horizon Sunset */
body[data-palette="sunset-orange"]:not(.dark-theme) {
  --xp-desktop-bg: #522405;
  --xp-window-bg: #f7efe8;
  --xp-window-border: #b85408;
  --xp-window-shadow: rgba(0, 0, 0, 0.5);
  --xp-titlebar-bg-from: #f39c12;
  --xp-titlebar-bg-to: #b85408;
  --xp-titlebar-text: #ffffff;
  --xp-titlebar-shadow: #733000;
  --xp-text-primary: #291100;
  --xp-text-secondary: #b85408;
  --xp-text-muted: #7d4924;
  --xp-panel-bg: #ffffff;
  --xp-panel-border: #e69d67;
  --xp-card-bg: #faf4ef;
  --xp-card-border: #edd2bd;
  --xp-btn-border: #b85408;
  --xp-btn-bg-from: #ffffff;
  --xp-btn-bg-to: #f7dfce;
  --xp-btn-hover-border: #2980b9;
  --xp-taskbar-bg-from: #b85408;
  --xp-taskbar-bg-to: #733000;
  --xp-start-from: #2980b9;
  --xp-start-to: #1a567d;
  --xp-accent-blue: #b85408;
  --xp-accent-orange: #f39c12;
  --xp-accent-green: #27ae60;
  --xp-ad-bg: #fdfaf7;
  --xp-ad-border: #e69d67;
  --xp-code-bg: #f5e4d5;
}

/* 34. Oceanic Abyssal */
body[data-palette="oceanic-deep"]:not(.dark-theme) {
  --xp-desktop-bg: #03252e;
  --xp-window-bg: #e6f3f5;
  --xp-window-border: #00778a;
  --xp-window-shadow: rgba(0, 0, 0, 0.5);
  --xp-titlebar-bg-from: #00bcd4;
  --xp-titlebar-bg-to: #006064;
  --xp-titlebar-text: #ffffff;
  --xp-titlebar-shadow: #00363a;
  --xp-text-primary: #001f24;
  --xp-text-secondary: #006064;
  --xp-text-muted: #396d75;
  --xp-panel-bg: #ffffff;
  --xp-panel-border: #4dd0e1;
  --xp-card-bg: #f0f8fa;
  --xp-card-border: #b2ebf2;
  --xp-btn-border: #006064;
  --xp-btn-bg-from: #ffffff;
  --xp-btn-bg-to: #d2eef2;
  --xp-btn-hover-border: #ff9800;
  --xp-taskbar-bg-from: #006978;
  --xp-taskbar-bg-to: #00363a;
  --xp-start-from: #ff9800;
  --xp-start-to: #c66900;
  --xp-accent-blue: #00838f;
  --xp-accent-orange: #ff9800;
  --xp-accent-green: #00bcd4;
  --xp-ad-bg: #f7fcfe;
  --xp-ad-border: #4dd0e1;
  --xp-code-bg: #dbf1f5;
}

/* 35. Y2K Bubblegum Pink */
body[data-palette="bubblegum-pink"]:not(.dark-theme) {
  --xp-desktop-bg: #520925;
  --xp-window-bg: #fbedf3;
  --xp-window-border: #ad1457;
  --xp-window-shadow: rgba(0, 0, 0, 0.45);
  --xp-titlebar-bg-from: #ff4081;
  --xp-titlebar-bg-to: #ad1457;
  --xp-titlebar-text: #ffffff;
  --xp-titlebar-shadow: #660530;
  --xp-text-primary: #290212;
  --xp-text-secondary: #ad1457;
  --xp-text-muted: #823959;
  --xp-panel-bg: #ffffff;
  --xp-panel-border: #f48fb1;
  --xp-card-bg: #fdf3f7;
  --xp-card-border: #f8bbd0;
  --xp-btn-border: #ad1457;
  --xp-btn-bg-from: #ffffff;
  --xp-btn-bg-to: #fad5e4;
  --xp-btn-hover-border: #00bcd4;
  --xp-taskbar-bg-from: #c2185b;
  --xp-taskbar-bg-to: #880e4f;
  --xp-start-from: #00bcd4;
  --xp-start-to: #00838f;
  --xp-accent-blue: #ad1457;
  --xp-accent-orange: #ff4081;
  --xp-accent-green: #00bcd4;
  --xp-ad-bg: #fdf8fb;
  --xp-ad-border: #f48fb1;
  --xp-code-bg: #f9dbe8;
}

/* 36. Aesthetic Vaporwave 1995 */
body[data-palette="vaporwave"] {
  --xp-desktop-bg: #160a29;
  --xp-window-bg: #22143b;
  --xp-window-border: #ff71ce;
  --xp-window-shadow: rgba(0, 0, 0, 0.8);
  --xp-titlebar-bg-from: #ff71ce;
  --xp-titlebar-bg-to: #01cdfe;
  --xp-titlebar-text: #160a29;
  --xp-titlebar-shadow: #ffffff;
  --xp-text-primary: #05ffa1;
  --xp-text-secondary: #ff71ce;
  --xp-text-muted: #8978a6;
  --xp-panel-bg: #1a0f30;
  --xp-panel-border: #b967ff;
  --xp-card-bg: #2b1a47;
  --xp-card-border: #4d3378;
  --xp-btn-border: #01cdfe;
  --xp-btn-bg-from: #40236e;
  --xp-btn-bg-to: #22143b;
  --xp-btn-hover-border: #05ffa1;
  --xp-taskbar-bg-from: #2b1b47;
  --xp-taskbar-bg-to: #160a29;
  --xp-start-from: #ff71ce;
  --xp-start-to: #b967ff;
  --xp-accent-blue: #01cdfe;
  --xp-accent-orange: #ff71ce;
  --xp-accent-green: #05ffa1;
  --xp-ad-bg: #1a0f30;
  --xp-ad-border: #b967ff;
  --xp-code-bg: #120722;
}

/* Base Body Setup */
body {

  margin: 0;
  padding: 0;
  font-family: 'Tahoma', 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12px;
  color: var(--xp-text-primary);
  background-color: var(--xp-desktop-bg);
  background-image: radial-gradient(circle at 50% 10%, rgba(255, 255, 255, 0.08) 0%, transparent 60%);
  min-height: 100vh;
  box-sizing: border-box;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}

*, *::before, *::after {
  box-sizing: inherit;
}

/* ==========================================================================
   Windows XP Window Shell
   ========================================================================== */
.window {
  background: var(--xp-window-bg);
  border: 3px solid var(--xp-window-border);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  box-shadow: 0 8px 24px var(--xp-window-shadow);
  display: flex;
  flex-direction: column;
  position: relative;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

/* Classic Title Bar */
.title-bar {
  background: linear-gradient(to bottom, var(--xp-titlebar-bg-from) 0%, var(--xp-titlebar-bg-to) 100%);
  height: 32px;
  padding: 0 6px 0 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: var(--xp-titlebar-text);
  font-weight: bold;
  font-size: 13px;
  text-shadow: 1px 1px 1px var(--xp-titlebar-shadow);
  user-select: none;
  border-bottom: 1px solid rgba(0,0,0,0.3);
}

.title-bar-text {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.title-bar-text img {
  width: 18px;
  height: 18px;
  filter: drop-shadow(0 1px 1px rgba(0,0,0,0.5));
}

.title-bar-controls {
  display: flex;
  align-items: center;
  gap: 3px;
}

.title-bar-controls button {
  width: 22px;
  height: 22px;
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0,0,0,0.4);
  background: linear-gradient(to bottom, #5ba4ff 0%, #2870ea 60%, #1656c9 100%);
  color: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-size: 10px;
  font-weight: bold;
  transition: filter 0.1s ease;
}

.title-bar-controls button:hover {
  filter: brightness(1.15);
}

.title-bar-controls button[aria-label="Close"] {
  background: linear-gradient(to bottom, #ff7b7b 0%, #e04343 50%, #b51818 100%);
  border-color: #ffd4d4;
}

.title-bar-controls button[aria-label="Close"]::after {
  content: '✕';
  font-size: 11px;
}

.title-bar-controls button[aria-label="Minimize"]::after {
  content: '―';
  font-size: 9px;
  margin-top: -2px;
}

.title-bar-controls button[aria-label="Maximize"]::after {
  content: '□';
  font-size: 12px;
}

/* Window Content Body */
.window-body {
  padding: 12px;
  flex: 1;
}

/* ==========================================================================
   Classic XP Buttons & Interactive Elements
   ========================================================================== */
.xp-btn {
  font-family: inherit;
  font-size: 11px;
  color: var(--xp-text-primary);
  background: linear-gradient(to bottom, var(--xp-btn-bg-from) 0%, var(--xp-btn-bg-to) 100%);
  border: 1px solid var(--xp-btn-border);
  border-radius: 3px;
  padding: 4px 14px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  text-decoration: none;
  box-shadow: inset 1px 1px 0 rgba(255,255,255,0.7), inset -1px -1px 0 rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.15);
  transition: all 0.1s ease;
}

.xp-btn:hover {
  border-color: var(--xp-btn-hover-border);
  box-shadow: inset 0 0 4px rgba(255, 165, 0, 0.4), 0 1px 3px rgba(0,0,0,0.2);
}

.xp-btn:active {
  background: linear-gradient(to bottom, var(--xp-btn-bg-to) 0%, var(--xp-btn-bg-from) 100%);
  box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
  transform: translateY(1px);
}

.xp-btn.primary {
  font-weight: bold;
  border-color: #003c74;
}

.xp-btn.danger {
  color: #fff;
  background: linear-gradient(to bottom, #f26565 0%, #c92a2a 100%);
  border-color: #8b0000;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}

/* ==========================================================================
   Folder Tabs (Windows XP Properties Dialog Style)
   ========================================================================== */
.xp-tab-bar {
  display: flex;
  gap: 2px;
  padding-left: 8px;
  margin-bottom: -1px;
  z-index: 2;
  position: relative;
}

.xp-tab {
  background: linear-gradient(to bottom, #f7f5ed 0%, #e2ded0 100%);
  border: 1px solid #919b9c;
  border-bottom: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 6px 14px;
  font-size: 11px;
  font-weight: 500;
  color: #444;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  user-select: none;
  box-shadow: inset 1px 1px 0 #fff;
}

body.dark-theme .xp-tab {
  background: linear-gradient(to bottom, #2d303a 0%, #202229 100%);
  border-color: #424654;
  color: #adb4c6;
  box-shadow: inset 1px 1px 0 rgba(255,255,255,0.1);
}

.xp-tab.active {
  background: var(--xp-window-bg);
  border-color: #919b9c;
  border-top: 3px solid #ff8c00;
  padding-top: 4px;
  margin-top: -3px;
  font-weight: bold;
  color: var(--xp-text-primary);
  border-bottom: 1px solid var(--xp-window-bg);
  z-index: 3;
}

body.dark-theme .xp-tab.active {
  border-top-color: #ff7700;
  border-color: #4a4f5f;
  border-bottom-color: var(--xp-window-bg);
}

.xp-tab-content {
  border: 1px solid #919b9c;
  background: var(--xp-window-bg);
  padding: 16px;
  box-shadow: inset 1px 1px 0 #fff, 0 1px 2px rgba(0,0,0,0.05);
  border-radius: 0 4px 4px 4px;
}

body.dark-theme .xp-tab-content {
  border-color: #424654;
  box-shadow: inset 1px 1px 0 rgba(255,255,255,0.05);
}

/* ==========================================================================
   Form Controls (Windows Inset Style)
   ========================================================================== */
.xp-input, .xp-select, .xp-textarea {
  font-family: inherit;
  font-size: 12px;
  padding: 5px 8px;
  background: var(--xp-panel-bg);
  color: var(--xp-text-primary);
  border: 1px solid var(--xp-panel-border);
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.15);
  border-radius: 1px;
  outline: none;
  width: 100%;
}

.xp-input:focus, .xp-select:focus, .xp-textarea:focus {
  border-color: #0055ea;
  box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 0 0 3px rgba(0, 85, 234, 0.4);
}

body.dark-theme .xp-input:focus, body.dark-theme .xp-select:focus {
  border-color: #ff7700;
  box-shadow: inset 1px 1px 2px rgba(0,0,0,0.5), 0 0 4px rgba(255, 119, 0, 0.5);
}

.xp-field-group {
  margin-bottom: 12px;
}

.xp-label {
  display: block;
  font-weight: bold;
  margin-bottom: 4px;
  font-size: 11px;
  color: var(--xp-text-primary);
}

/* ==========================================================================
   Status Bar (Windows Inset Bottom Panels)
   ========================================================================== */
.xp-statusbar {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 3px 6px;
  background: var(--xp-window-bg);
  border-top: 1px solid #d4d0c8;
  font-size: 11px;
  color: var(--xp-text-secondary);
}

body.dark-theme .xp-statusbar {
  border-top-color: #343744;
}

.xp-status-pane {
  border: 1px inset #d4d0c8;
  box-shadow: inset 1px 1px 0 rgba(0,0,0,0.1), inset -1px -1px 0 rgba(255,255,255,0.7);
  padding: 2px 8px;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.dark-theme .xp-status-pane {
  box-shadow: inset 1px 1px 0 rgba(0,0,0,0.4), inset -1px -1px 0 rgba(255,255,255,0.05);
  border-color: #333642;
}

.xp-status-pane.fixed {
  flex: 0 0 auto;
}

/* ==========================================================================
   Taskbar & Start Menu
   ========================================================================== */
.xp-taskbar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 32px;
  background: linear-gradient(to bottom, var(--xp-taskbar-bg-from) 0%, var(--xp-taskbar-bg-to) 100%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 4px;
  z-index: 1000;
  border-top: 1px solid rgba(255,255,255,0.3);
  box-shadow: 0 -2px 5px rgba(0,0,0,0.3);
}

.xp-start-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 28px;
  padding: 0 14px 0 10px;
  background: linear-gradient(to bottom, var(--xp-start-from) 0%, var(--xp-start-to) 100%);
  border-radius: 0 12px 12px 0;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-left: none;
  color: white;
  font-family: 'Segoe UI', Tahoma, sans-serif;
  font-weight: 800;
  font-style: italic;
  font-size: 14px;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
  cursor: pointer;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
  transition: filter 0.1s ease;
}

.xp-start-btn:hover {
  filter: brightness(1.1);
}

.xp-task-items {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: 1;
  padding: 0 10px;
  overflow-x: auto;
}

.xp-task-tab {
  height: 24px;
  padding: 0 12px;
  background: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.05) 100%);
  border: 1px solid rgba(255,255,255,0.3);
  border-radius: 2px;
  color: white;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  cursor: pointer;
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.xp-task-tab.active {
  background: rgba(0, 0, 0, 0.25);
  box-shadow: inset 1px 1px 2px rgba(0,0,0,0.5);
  border-color: rgba(0,0,0,0.4);
}

.xp-system-tray {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(0, 0, 0, 0.2);
  height: 26px;
  padding: 0 10px;
  border-radius: 2px;
  border: 1px inset rgba(0,0,0,0.4);
  color: white;
  font-size: 11px;
}

.xp-tray-icon {
  width: 14px;
  height: 14px;
  filter: brightness(0.9);
}

/* ==========================================================================
   Modals & Lightboxes
   ========================================================================== */
.xp-modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(2px);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 2000;
  padding: 16px;
}

.xp-modal-backdrop.open {
  display: flex;
}

.xp-modal-window {
  max-width: 760px;
  width: 100%;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
}

.xp-modal-window .window-body {
  overflow-y: auto;
  max-height: calc(90vh - 80px);
}

/* ==========================================================================
   Background Image Slideshow
   ========================================================================== */
.xp-slideshow-container {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
  background-color: var(--xp-desktop-bg);
}

.xp-slide {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 1.8s ease-in-out;
  transform: scale(1.02);
}

.xp-slide.active {
  opacity: 0.82;
  transform: scale(1);
}

body.dark-theme .xp-slide.active {
  opacity: 0.35;
  filter: brightness(0.35) contrast(1.15) saturate(1.1);
}

.xp-slideshow-overlay {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 30%, transparent 35%, rgba(0, 0, 0, 0.45) 100%);
  pointer-events: none;
}

/* ==========================================================================
   Windows XP Balloon Tooltip / Cookie Consent Dialog
   ========================================================================== */
.xp-cookie-banner {
  position: fixed;
  bottom: 42px;
  right: 18px;
  max-width: 380px;
  width: calc(100% - 36px);
  z-index: 1050;
  display: none;
  animation: xpSlideUp 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

.xp-cookie-banner.show {
  display: block;
}

@keyframes xpSlideUp {
  from { transform: translateY(30px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

.xp-balloon {
  background: #ffffe1;
  border: 1px solid #000000;
  border-radius: 6px;
  padding: 12px 14px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.45);
  font-family: 'Tahoma', sans-serif;
  font-size: 11px;
  color: #000000;
  position: relative;
}

body.dark-theme .xp-balloon {
  background: #252834;
  border-color: #ff7700;
  color: #e4e7ee;
  box-shadow: 2px 2px 12px rgba(0,0,0,0.7);
}

.xp-balloon-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
  font-weight: bold;
  font-size: 12px;
}

.xp-balloon-close {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 11px;
  font-weight: bold;
  color: #666;
  padding: 0 4px;
}

.xp-balloon-close:hover {
  color: #ff0000;
}