/* Theme Overrides - loaded after styles.css */

/* Help View refinements (all themes) */
#helpView .help-shell {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.92), rgba(2, 6, 23, 0.9));
}

#helpView .help-step-card {
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2);
}

#helpView .help-figure {
  background: radial-gradient(70% 110% at 50% 0%, rgba(148, 163, 184, 0.12), rgba(15, 23, 42, 0.4));
}

/* Light Theme Base */
body.light-theme.bg-obsidian {
  background-color: #f4f8fc !important;
  color: #0f2f4a;
}

body.light-theme .text-white {
  color: #022c4d !important;
}

body.light-theme .text-slate-200,
body.light-theme .text-slate-300 {
  color: #1e4666 !important;
}

body.light-theme .text-slate-400,
body.light-theme .text-slate-500,
body.light-theme .text-slate-600 {
  color: #5e7a92 !important;
}

body.light-theme main > header {
  background: #ffffff !important;
  border-color: #d5e3ef !important;
  box-shadow: 0 10px 24px rgba(2, 44, 77, 0.08) !important;
}

body.light-theme main > header img {
  filter: none !important;
  opacity: 1 !important;
}

body.light-theme .dashboard-logo-badge {
  background: #eef5fb !important;
  border-color: #c7d9e8 !important;
  box-shadow: none !important;
}

body.light-theme .dashboard-logo-mark {
  filter: none !important;
  opacity: 1 !important;
}

body.light-theme #loginView > div,
body.light-theme #setupView > div,
body.light-theme #dashboardView > article,
body.light-theme #profileView > div:nth-child(2),
body.light-theme #cardView .card-loading,
body.light-theme #helpView .help-shell {
  background: #ffffff !important;
  border-color: #d5e3ef !important;
  box-shadow: 0 14px 28px rgba(2, 44, 77, 0.08) !important;
}

body.light-theme .premium-input {
  background: #f7fbff !important;
  border-color: #bfd4e5 !important;
  color: #0f2f4a !important;
}

body.light-theme .premium-input::placeholder {
  color: #6d8aa1 !important;
}

body.light-theme .premium-btn {
  background: #022c4d !important;
  color: #ffffff !important;
}

body.light-theme .premium-btn:hover {
  background: #0a466f !important;
}

body.light-theme #logoutBtn,
body.light-theme #themeToggleBtn,
body.light-theme #issueBtn,
body.light-theme #backFromHelpBtn,
body.light-theme #backFromProfileBtn,
body.light-theme #backToDashboardBtn {
  background: #f2f7fc !important;
  color: #1f4868 !important;
  border-color: #bfd4e5 !important;
}

body.light-theme #dashboardView > div.rounded-3xl {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body.light-theme #dashboardView [data-service] > span:first-child {
  background: #ffffff !important;
  border-color: #c8dbea !important;
  color: #022c4d !important;
  box-shadow: none !important;
}

body.light-theme #dashboardView [data-service] > span:last-child {
  color: #123b5a !important;
}

body.light-theme #helpView {
  color: #153a59;
}

body.light-theme #helpView .help-shell {
  background: linear-gradient(180deg, #ffffff, #f2f7fc) !important;
  border-color: #c8dbea !important;
  box-shadow: none !important;
}

body.light-theme #helpView .help-topbar {
  background: transparent !important;
  box-shadow: none !important;
}

body.light-theme #helpView .help-step-card {
  background: #ffffff !important;
  border-color: #d5e3ef !important;
  box-shadow: none !important;
}

body.light-theme #helpView .help-step-card p,
body.light-theme #helpView .help-step-card strong,
body.light-theme #helpView h2 {
  color: #022c4d !important;
}

body.light-theme #helpView .help-figure {
  background: #f7fbff !important;
  border-color: #d5e3ef !important;
}

body.light-theme #helpView .help-tip {
  background: #ecfdf3 !important;
  border-color: #9fdab8 !important;
}

body.light-theme #helpView .help-tip p {
  color: #0f5132 !important;
}

body.light-theme #helpView .help-tip p:first-child {
  color: #0a6a3b !important;
}

body.light-theme .splash-screen {
  background: radial-gradient(70% 50% at 50% 20%, rgba(2, 44, 77, 0.08), transparent 70%), linear-gradient(180deg, #f6fbff, #edf4fb 65%, #e7f0f8) !important;
}

body.light-theme .splash-screen__logo {
  filter: none !important;
}

body.light-theme .splash-screen__subtitle {
  color: rgba(2, 44, 77, 0.8) !important;
}

body.light-theme .splash-screen__bar {
  background: rgba(2, 44, 77, 0.15) !important;
}

body.light-theme .splash-screen__bar-fill {
  background: linear-gradient(90deg, #022c4d, #0b5f95) !important;
}

body.light-theme #landscapeCard {
  background: #eaf3fa !important;
}

body.light-theme #studentCard #cardCarousel > div > div,
body.light-theme #landscapeCard #lsCardCarousel > div > div {
  box-shadow: none !important;
}


body.light-theme .login-brand-logo {
  filter: none !important;
  opacity: 1 !important;
}