body.dark-mode {
  --bg: #0c0a15;
  --text: #f8f7ff;
  --text-muted: #9592bd;
  --primary: #c5bfff;
  --secondary: #16122c;

  --accent: #a78bfa;
  --accent-light: rgba(167, 139, 250, 0.15);
  --border: rgba(197, 191, 255, 0.12);
  --shadow: rgba(0, 0, 0, 0.4);
  --shadow-outer: rgba(0, 0, 0, 0.5);

  --card-bg: #16122c;
  --input-bg: #1f1a3a;
  --nav-bg: #16122c;
  --nav-shadow: 0 -8px 32px rgba(0, 0, 0, 0.6);
  --nav-btn-shadow: rgba(167, 139, 250, 0.3);
  --dropdown-bg: #16122c;
  --dropdown-shadow: 0 12px 48px rgba(0, 0, 0, 0.6);

  --danger: #f87171;
  --danger-light: rgba(248, 113, 113, 0.15);
  --success: #34d399;
  --success-light: rgba(52, 211, 153, 0.15);
  --pending: #fbbf24;
  --pending-light: rgba(251, 191, 36, 0.15);

  --primary-btn-text: #0c0a15;
}