/* SpeedPlus360 design-system overrides (loaded after the Kobie theme). */
:root {
  --primary-color: #4267cd;
  --primary-light: #e3eaff;
  --primary-dark: #3054b7;
  --success-color: #26ba4f;
  --warning-color: #ffae1f;
  --danger-color: #f87957;
  --info-color: #3688fa;
  --bs-primary: #4267cd;
  --bs-primary-rgb: 66, 103, 205;
  --bs-border-radius: 10px;
}

.btn-primary {
  background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
  border-color: var(--primary-dark);
}
.btn-primary:hover,
.btn-primary:focus {
  background: var(--primary-dark);
  border-color: var(--primary-dark);
}

/* White header, separated from the content area by a hairline rule.
   Header content is dark text (see index.php) rather than the theme's
   white-on-gradient treatment. */
#sp360-header,
#sp360-header .header-wrapper {
  background: #fff;
  border-bottom: 1px solid #e9edf5;
}

#sp360-header #page-title {
  color: #1f2937;
}

#sp360-header .hamburger-inner,
#sp360-header .hamburger-inner::before,
#sp360-header .hamburger-inner::after {
  background-color: #1f2937;
}

#sp360-header #vertical-nav-toggle,
#sp360-header .dropdown-toggle {
  color: #4b5563;
}

#sp360-header .dropdown-toggle:hover {
  color: var(--primary-color);
}

.card {
  border-radius: var(--bs-border-radius);
  transition: box-shadow 0.2s ease;
}
.card:hover {
  box-shadow: 0 0.5rem 1rem rgba(66, 103, 205, 0.15);
}

.text-primary { color: var(--primary-color) !important; }
.bg-primary   { background-color: var(--primary-color) !important; }
.bg-primary-light { background-color: var(--primary-light) !important; }

a { color: var(--primary-color); }
a:hover { color: var(--primary-dark); }