:root {
  /* Light theme (current UI baseline) */
  --bg-main: #F9FAFB;
  --bg-panel: #FFFFFF;
  --bg-card: #FFFFFF;

  --text-primary: #111827;
  --text-secondary: #6B7280;

  --border-color: #E5E7EB;

  --accent-primary: #6A836D;
  --accent-success: #22C55E;
  --accent-warning: #F59E0B;

  --shadow-elevated: 0 4px 20px rgba(0, 0, 0, 0.04);
}

html[data-theme="dark"] {
  /* Dark Theme (SaveMyExams style) */
  --bg-main: #0F172A;
  --bg-panel: #111827;
  --bg-card: #1F2937;

  --text-primary: #F9FAFB;
  --text-secondary: #9CA3AF;

  --border-color: #374151;

  --accent-primary: #6A836D;
  --accent-success: #22C55E;
  --accent-warning: #F59E0B;

  --shadow-elevated: 0 6px 24px rgba(0, 0, 0, 0.4);
}

/* Utility Classes */
.text-primary {
  color: var(--text-primary) !important;
}

.text-secondary {
  color: var(--text-secondary) !important;
}

.text-accent {
  color: var(--accent-primary) !important;
}

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

.border-accent {
  border-color: var(--accent-primary) !important;
}

.shadow-elevated {
  box-shadow: var(--shadow-elevated) !important;
}