:root {
  --sa-primary: #0B1E8A;
  --sa-primary-dark: #081458;
  --sa-secondary: #D4AF37;
  --sa-secondary-light: #f0d878;
  --sa-bg: #f4f6fb;
  --sa-card-bg: #ffffff;
  --sa-text: #1c1f33;
  --sa-border: #e3e6f0;
}

[data-theme="dark"] {
  --sa-bg: #10142b;
  --sa-card-bg: #1a1f3d;
  --sa-text: #eef0fb;
  --sa-border: #2a2f52;
}

body {
  background-color: var(--sa-bg);
  color: var(--sa-text);
  font-family: 'Segoe UI', Roboto, system-ui, -apple-system, sans-serif;
  transition: background-color .2s ease, color .2s ease;
}

a { color: var(--sa-primary); }
[data-theme="dark"] a { color: var(--sa-secondary-light); }

.navbar-brand img { height: 42px; }

.navbar-sa {
  background: linear-gradient(90deg, var(--sa-primary) 0%, var(--sa-primary-dark) 100%);
}
.navbar-sa .navbar-brand, .navbar-sa .nav-link { color: #fff !important; }
.navbar-sa .nav-link:hover { color: var(--sa-secondary-light) !important; }

.btn-brand {
  background-color: var(--sa-primary);
  border-color: var(--sa-primary);
  color: #fff;
}
.btn-brand:hover { background-color: var(--sa-primary-dark); border-color: var(--sa-primary-dark); color: #fff; }

.btn-gold {
  background-color: var(--sa-secondary);
  border-color: var(--sa-secondary);
  color: #1c1f33;
  font-weight: 600;
}
.btn-gold:hover { background-color: #b8942b; border-color: #b8942b; color: #1c1f33; }

.card {
  background-color: var(--sa-card-bg);
  border: 1px solid var(--sa-border);
  border-radius: .75rem;
}

.sa-stat-card {
  border-left: 5px solid var(--sa-secondary);
}

.sidebar {
  min-height: calc(100vh - 62px);
  background-color: var(--sa-card-bg);
  border-right: 1px solid var(--sa-border);
}
.sidebar .nav-link {
  color: var(--sa-text);
  border-radius: .5rem;
  margin-bottom: 2px;
}
.sidebar .nav-link.active, .sidebar .nav-link:hover {
  background-color: var(--sa-primary);
  color: #fff;
}

.badge.bg-brand { background-color: var(--sa-primary) !important; }
.badge.bg-gold { background-color: var(--sa-secondary) !important; color:#1c1f33; }

.auth-wrapper {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--sa-primary) 0%, #1a2ec2 60%, var(--sa-secondary) 150%);
}
.auth-card {
  max-width: 440px;
  width: 100%;
  border-radius: 1rem;
  box-shadow: 0 20px 45px rgba(0,0,0,.25);
}

#quiz-timer {
  font-variant-numeric: tabular-nums;
  font-size: 1.5rem;
  font-weight: 700;
}
#quiz-timer.text-danger { animation: pulse 1s infinite; }
@keyframes pulse { 0%,100%{opacity:1;} 50%{opacity:.4;} }

.table-brand thead { background-color: var(--sa-primary); color: #fff; }

.form-label { font-weight: 600; }

.theme-toggle-btn { cursor: pointer; }

.dashboard-icon {
  width: 52px; height: 52px;
  border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  background: var(--sa-primary);
  color: #fff;
  font-size: 1.4rem;
}