/* Windows XP Luna Blue Theme Overrides */

body[data-theme="winxp"] {
  --desktop-bg: #225ad5;
  --win-bg: #ece9d8;
  --win-body-bg: #ffffff;
  
  --win-border-color: #0028a5;
  --win-shadow: 4px 4px 15px rgba(0, 40, 165, 0.25);
  
  /* Header active/inactive */
  --win-header-bg: linear-gradient(180deg, #7ba2e7 0%, #3a6ea5 10%, #3a6ea5 100%);
  --win-header-text: #dfdfdf;
  --win-header-active-bg: linear-gradient(180deg, #0050ff 0%, #0078fe 8%, #0055e3 25%, #0045d4 85%, #0028a5 100%);
  --win-header-active-text: #ffffff;
  --win-title-shadow: 1px 1px 1px #001c70;
  
  /* Scrollbars and select boxes */
  --scroll-bg: #e1dfcc;
  --scroll-thumb: #c8c6b4;
  --btn-light: #ffffff;
  --btn-light-soft: rgba(255,255,255,0.4);
  --btn-dark: #aca899;
  
  /* Close Button Customization (XP Orange Close) */
  --close-btn-bg: linear-gradient(180deg, #f59676 0%, #e0430a 40%, #c83200 90%);
  --close-btn-text: #ffffff;
  --close-btn-border: #962800;
  
  /* Start Menu overrides */
  --menu-bg: #1045d4;
  --menu-border-color: #001c70;
  --menu-sidebar-bg: #1045d4;
  --menu-profile-bg: linear-gradient(180deg, #0055e3 0%, #0078fe 50%, #0055e3 100%);
  --menu-profile-border: #0028a5;
  --menu-columns-bg: #ffffff;
  --menu-right-bg: #d3e5fa;
  --menu-col-separator: #b0cbf7;
  --menu-hover-bg: #316ac5;
  --menu-hover-text: #ffffff;
  --menu-hover-desc: #b0cbf7;
  --menu-separator: #b0cbf7;
  --menu-footer-bg: linear-gradient(180deg, #0055e3 0%, #0028a5 100%);
  
  /* Icon variables */
  --icon-select-bg: rgba(49, 106, 197, 0.45);
  --icon-select-border: #316ac5;
  
  /* Taskbar and Tray */
  --taskbar-bg: linear-gradient(180deg, #3066d2 0%, #2455c2 10%, #1c45af 95%, #103496 100%);
  --taskbar-border-top: 1.5px solid #4a82e7;
  --tray-bg: #103496;
  --tray-border: #0028a5 #4a82e7 #4a82e7 #0028a5;
  --tray-btn-filter: none;
  
  /* Dialog Overlays */
  --shutdown-bg: #0028a5;
}

/* Specific XP Styling Adjustments */
body[data-theme="winxp"] .window {
  border-radius: 7px 7px 0 0;
  border: 3px solid #0028a5;
  box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.35);
}

body[data-theme="winxp"] .window-header {
  border-radius: 4px 4px 0 0;
  padding: 3px 8px;
  height: 28px;
  box-shadow: inset 0px 1px 1px rgba(255,255,255,0.4);
}

body[data-theme="winxp"] .window-title {
  font-family: var(--font-family-sys);
  font-weight: bold;
  font-size: 12px;
}

body[data-theme="winxp"] .win-btn {
  width: 21px;
  height: 21px;
  border-radius: 3px;
  border: 1px solid #0028a5;
  background-size: contain;
  background-repeat: no-repeat;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 11px;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
  box-shadow: inset 0px 1px 1px rgba(255,255,255,0.3);
}

/* Specific button styles */
body[data-theme="winxp"] .win-btn.close {
  background: linear-gradient(180deg, #f59a7d 0%, #e14002 45%, #c92f00 90%);
  border-color: #8c1e00;
  font-weight: bold;
}
body[data-theme="winxp"] .win-btn.close::before {
  content: "×";
  font-size: 15px;
  line-height: 1;
}
body[data-theme="winxp"] .win-btn.close:hover {
  filter: brightness(1.2);
}

body[data-theme="winxp"] .win-btn.maximize {
  background: linear-gradient(180deg, #99bbff 0%, #3377ff 45%, #0044cc 90%);
  border-color: #002288;
}
body[data-theme="winxp"] .win-btn.maximize::before {
  content: "■";
  font-size: 11px;
  line-height: 1.4;
}

body[data-theme="winxp"] .win-btn.minimize {
  background: linear-gradient(180deg, #99bbff 0%, #3377ff 45%, #0044cc 90%);
  border-color: #002288;
}
body[data-theme="winxp"] .win-btn.minimize::before {
  content: "_";
  font-size: 11px;
  line-height: 0.5;
  font-weight: bold;
}

/* Start Button styling */
body[data-theme="winxp"] .start-button {
  background: linear-gradient(180deg, #7fc857 0%, #3da81a 10%, #359812 45%, #2d820e 90%, #205c0a 100%);
  border: none;
  border-right: 1.5px solid #205c0a;
  border-bottom: 1.5px solid #205c0a;
  border-radius: 0 10px 10px 0;
  height: 38px;
  padding: 0 15px 0 10px;
  box-shadow: inset 1px 1px 1px #a4f575, 2px 0 5px rgba(0,0,0,0.2);
}

body[data-theme="winxp"] .start-button:hover {
  filter: brightness(1.1);
}

body[data-theme="winxp"] .start-button:active {
  background: linear-gradient(180deg, #205c0a 0%, #2d820e 55%, #359812 100%);
  box-shadow: inset 1px 1px 5px rgba(0,0,0,0.6);
}

body[data-theme="winxp"] .start-text {
  color: #ffffff;
  text-shadow: 1px 1px 2px #103400;
  font-size: 16px;
  font-family: 'Outfit', sans-serif;
  letter-spacing: 0.5px;
}

body[data-theme="winxp"] .start-logo {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="%23FF3333" d="M0,2 C1,1 4,1 5,2 C6,3 7,3 8,2 C10,1 13,1 16,2 L16,9 C13,8 10,8 8,9 C7,10 6,10 5,9 C4,8 1,8 0,9 Z"/><path fill="%2333CC33" d="M0,9 C1,8 4,8 5,9 C6,10 7,10 8,9 C10,8 13,8 16,9 L16,16 C13,15 10,15 8,16 C7,17 6,17 5,16 C4,15 1,15 0,16 Z"/></svg>');
  width: 20px;
  height: 20px;
}

/* XP Taskbar tabs */
body[data-theme="winxp"] .taskbar-tab {
  background: linear-gradient(180deg, #4c8cf5 0%, #3071e6 10%, #1e56cf 95%, #1846b3 100%);
  border: 1px solid #103496;
  border-radius: 4px;
  color: #fff;
  box-shadow: inset 0px 1px 1px rgba(255,255,255,0.3);
}

body[data-theme="winxp"] .taskbar-tab.active-tab {
  background: linear-gradient(180deg, #1844b3 0%, #1e52c9 30%, #2665e0 80%, #2d76f0 100%);
  box-shadow: inset 0px 2px 5px rgba(0,0,0,0.6);
}

/* Context menu */
body[data-theme="winxp"] .context-menu {
  border: 1px solid #716f64;
  background-color: #ffffff;
  padding: 3px;
  box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}
body[data-theme="winxp"] .context-menu-item:hover {
  background-color: #316ac5;
}
body[data-theme="winxp"] .context-separator {
  background-color: #aca899;
  border: none;
  height: 1px;
}

/* Properties dialog close button */
body[data-theme="winxp"] .dialog-title-bar {
  border-radius: 5px 5px 0 0;
  height: 26px;
  background: linear-gradient(180deg, #0050ff 0%, #0078fe 8%, #0055e3 25%, #0045d4 85%, #0028a5 100%);
}

body[data-theme="winxp"] .properties-box {
  border-radius: 6px;
  border: 3px solid #0028a5;
  box-shadow: 5px 5px 25px rgba(0,0,0,0.4);
}

body[data-theme="winxp"] .properties-content {
  background-color: #ece9d8;
  border: 1px solid #aca899;
  border-radius: 0;
}

body[data-theme="winxp"] .prop-btn {
  background-color: #ece9d8;
  border: 1px solid #777777;
  border-radius: 3px;
  box-shadow: inset 0px 1px 1px #fff;
}
body[data-theme="winxp"] .prop-btn:active {
  background-color: #d8d4c0;
}

body[data-theme="winxp"] .footer-btn {
  background: linear-gradient(180deg, #ece9d8 0%, #d8d4c0 100%);
  border: 1px solid #716f64;
  border-radius: 3px;
  box-shadow: inset 0px 1px 1px #fff;
}
body[data-theme="winxp"] .footer-btn:active {
  background: #c8c4b0;
}