:root {
  /* Vibrant SaaS Theme */
  --bg: #fdfcff;
  --surface: rgba(255, 255, 255, 0.6); /* Glassmorphism base */
  --text: #0f172a;
  --muted: #64748b;
  --brand: #8b5cf6; /* Vibrant Purple */
  --brand-hover: #7c3aed;
  --brand-light: #ddd6fe;
  --border: rgba(226, 232, 240, 0.8);
  --shadow: 0 10px 40px -10px rgba(139, 92, 246, 0.15);
  --shadow-lg: 0 20px 50px -10px rgba(139, 92, 246, 0.25);
  --radius: 16px;
  --radius-lg: 24px;
  --danger: #ef4444;
  --success: #10b981;
}
  --success: #10b981;
}



/* Role Themes */
body.theme-student {
  --brand: #6366f1; /* Indigo */
  --brand-hover: #4f46e5;
}


body.theme-teacher {
  --brand: #059669; /* Green */
  --brand-hover: #047857;
}


body.theme-professional {
  --brand: #0284c7; /* Professional Blue for light mode */
  --brand-hover: #0369a1;
}