/* Windows XP theme — Classic Luna effects
   Colors come from CSS variables in themes.css; this file is structural only. */

/* XP title bar gradient on navbar */
[data-theme='xp'] .navbar {
  background: linear-gradient(
    to bottom,
    #4a8cc7 0%,
    #3a6ea5 8%,
    #2d5f8b 92%,
    #24507a 100%
  ) !important;
  border-bottom: 1px solid #1a3f5e;
}

/* "Start button" rounded feel on the brand */
[data-theme='xp'] .navbar-brand {
  background: linear-gradient(to bottom, #4fa0d8 0%, #2d6ea0 50%, #235a85 100%);
  color: #ffffff !important;
  padding: 2px 12px;
  border-radius: 0 0 8px 8px;
  font-weight: 700;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}

/* Inset borders on input fields */
[data-theme='xp'] .form-control,
[data-theme='xp'] .form-select,
[data-theme='xp'] input,
[data-theme='xp'] textarea,
[data-theme='xp'] select {
  border-top: 1px solid #888880 !important;
  border-left: 1px solid #888880 !important;
  border-bottom: 1px solid #d4d0c8 !important;
  border-right: 1px solid #d4d0c8 !important;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.12);
}

/* Button bevels: lighter top, darker bottom */
[data-theme='xp'] .btn {
  border-top: 1px solid rgba(255, 255, 255, 0.6);
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  background-image: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.35) 0%,
    rgba(255, 255, 255, 0.05) 50%,
    rgba(0, 0, 0, 0.03) 51%,
    rgba(0, 0, 0, 0.08) 100%
  );
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}

[data-theme='xp'] .btn:active {
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  background-image: none;
}

/* Table header gradient */
[data-theme='xp'] .table th {
  background: linear-gradient(to bottom, #5f93c4 0%, #3a6ea5 40%, #2d5f8b 100%) !important;
  color: #ffffff !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid #1a3f5e;
}

/* Classic XP panel border */
[data-theme='xp'] .card {
  border: 1px solid #aca899;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
}

/* Nav links white on blue */
[data-theme='xp'] .navbar .nav-link,
[data-theme='xp'] .navbar .navbar-toggler-icon {
  color: #ffffff !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

[data-theme='xp'] .navbar .nav-link:hover {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 3px;
}

/* Dropdown styling */
[data-theme='xp'] .dropdown-menu {
  border: 1px solid #aca899;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}