:root,
[data-theme="dark"] {
  /* Primary brand color and palette */
  --blue-900: #071325;
  --blue-800: #0d2445;
  --blue-700: #153a6f;
  --blue-600: #286ed2;
  --blue-500: #2f81f7;
  --blue-400: #599af9;
  --blue-300: #8dbafb;
  --blue-100: #dae8fe;

  /* Secondary / purple palette */
  --purple-700: #3e1d77;
  --purple-500: #7c3aed;
  --purple-400: #9661f1;
  --purple-300: #b089f4;

  /* Accent */
  --accent: #f59e0b;

  /* Background & surface */
  --bg        : #0d1117;
  --bg-alt    : #56585d;
  --surface   : #161b22;
  --surface2  : #393d43;
  --border    : #686b6f; /* subtle border */

  /* Text */
  --text-primary   : #e6edf3;
  --text-secondary : #a1a6aa;
  --text-muted     : #676b6d;
  --white          : #ffffff;

  /* Gradients */
  --grad-primary : linear-gradient(135deg, #2f81f7 0%, #7c3aed 100%);
  --grad-hero    : linear-gradient(135deg, #090c10 0%, #32175f 100%);

  /* Aliases used in admin/lms/teacher */
  --blue   : #2f81f7;
  --purple : #7c3aed;
  --bd     : #a2a4a7;
  --s2     : #161b22;
  --t2     : #c4c9cf;
  --t3     : #7f8286;
}