/* Role-specific themes loaded after app.css */
body.theme-admin {
  --py-primary: #12395d !important;
  --py-primary-2: #0f2742 !important;
  --py-accent: #d9a441 !important;
  --py-accent-2: #f2c96b !important;
  --py-mint: #2f80a8 !important;
  --py-soft: #eef4f9 !important;
  --py-line: #c8d7e6 !important;
  --py-text: #102033 !important;
  --py-muted: #607287 !important;
  --py-bg: #f4f7fa !important;
  --py-bg-2: #eef3f8 !important;
  --py-sidebar-start: #0f2742 !important;
  --py-sidebar-end: #12395d !important;
  --py-hero-start: #0f2742 !important;
  --py-hero-end: #12395d !important;
  background: #f4f7fa !important;
}

body.theme-staff {
  --py-primary: #0f766e !important;
  --py-primary-2: #115e59 !important;
  --py-accent: #0ea5e9 !important;
  --py-accent-2: #67e8f9 !important;
  --py-mint: #14b8a6 !important;
  --py-soft: #ecfeff !important;
  --py-line: #99f6e4 !important;
  --py-text: #134e4a !important;
  --py-muted: #5f7480 !important;
  --py-bg: #f0fdfa !important;
  --py-bg-2: #ecfeff !important;
  --py-sidebar-start: #115e59 !important;
  --py-sidebar-end: #0f766e !important;
  --py-hero-start: #115e59 !important;
  --py-hero-end: #0f766e !important;
  background: #f0fdfa !important;
}

.theme-admin .app-sidebar,
.theme-admin .public-hero,
.theme-admin .hero-stat {
  background: #0f2742 !important;
  background-image: none !important;
}

.theme-staff .app-sidebar,
.theme-staff .public-hero,
.theme-staff .hero-stat {
  background: #115e59 !important;
  background-image: none !important;
}

.theme-admin .app-topbar {
  border-bottom-color: #c8d7e6 !important;
  background: #ffffff !important;
}

.theme-staff .app-topbar {
  border-bottom-color: #99f6e4 !important;
  background: #ffffff !important;
}

.theme-admin .sidebar-context span,
.theme-admin .sidebar-nav a.active .nav-dot {
  color: #f2c96b !important;
}

.theme-staff .sidebar-context span,
.theme-staff .sidebar-nav a.active .nav-dot {
  color: #67e8f9 !important;
}

.theme-admin .sidebar-nav a.active .nav-dot {
  background: #f2c96b !important;
}

.theme-staff .sidebar-nav a.active .nav-dot {
  background: #67e8f9 !important;
}

.theme-admin .btn-primary,
.theme-admin .btn-success,
.theme-admin .btn-info {
  background: #12395d !important;
  border-color: #12395d !important;
}

.theme-staff .btn-primary,
.theme-staff .btn-success,
.theme-staff .btn-info {
  background: #0f766e !important;
  border-color: #0f766e !important;
}

.theme-admin .btn-primary:hover,
.theme-admin .btn-success:hover,
.theme-admin .btn-info:hover {
  background: #0f2742 !important;
  border-color: #0f2742 !important;
}

.theme-staff .btn-primary:hover,
.theme-staff .btn-success:hover,
.theme-staff .btn-info:hover {
  background: #115e59 !important;
  border-color: #115e59 !important;
}

.theme-admin .btn-outline-primary,
.theme-admin .btn-outline-success,
.theme-admin .btn-outline-info {
  color: #12395d !important;
  border-color: #12395d !important;
}

.theme-staff .btn-outline-primary,
.theme-staff .btn-outline-success,
.theme-staff .btn-outline-info {
  color: #0f766e !important;
  border-color: #0f766e !important;
}

.theme-admin .btn-outline-primary:hover,
.theme-admin .btn-outline-success:hover,
.theme-admin .btn-outline-info:hover {
  color: #ffffff !important;
  background: #12395d !important;
  border-color: #12395d !important;
}

.theme-staff .btn-outline-primary:hover,
.theme-staff .btn-outline-success:hover,
.theme-staff .btn-outline-info:hover {
  color: #ffffff !important;
  background: #0f766e !important;
  border-color: #0f766e !important;
}

.theme-admin .brand-mark,
.theme-admin .btn-accent {
  background: #d9a441 !important;
  border-color: #d9a441 !important;
  color: #102033 !important;
}

.theme-staff .brand-mark,
.theme-staff .btn-accent {
  background: #0ea5e9 !important;
  border-color: #0ea5e9 !important;
  color: #ffffff !important;
}