/* Dark theme — opt-in via the header toggle (light is the default). */
:root[data-theme="dark"] {
  --bg: #0E1420;
  --bg-elevated: #121A28;
  --surface: #151E2E;
  --surface-2: #182233;
  --surface-3: #1D2839;
  --surface-hover: #1B2536;
  --border: #253148;
  --border-strong: #33415C;
  --divider: #1F2A3D;

  --text: #E9EDF5;
  --text-2: #AEB8CC;
  --text-3: #7C879D;

  --primary: #F08A43;
  --primary-600: #F59A58;
  --primary-700: #FBB27C;
  --primary-50: rgba(240, 138, 67, 0.12);
  --primary-100: rgba(240, 138, 67, 0.22);
  --amber-50: rgba(240, 164, 58, 0.12);
  --navy: #9DB4DE;

  --success: #3DBA80;
  --success-50: rgba(61, 186, 128, 0.13);
  --warning: #EBA53C;
  --warning-50: rgba(235, 165, 60, 0.13);
  --danger: #EE6A62;
  --danger-50: rgba(238, 106, 98, 0.13);
  --info: #6C95F0;
  --info-50: rgba(108, 149, 240, 0.13);
  --purple: #A88BF0;
  --purple-50: rgba(168, 139, 240, 0.13);
  --teal: #3CC1CC;
  --teal-50: rgba(60, 193, 204, 0.13);

  --c2: #8FA9DA;
  --c5: #6C95F0;

  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.35);
  --shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.55);

  --sidebar-bg: #121A28;
  --sidebar-text: #AEB8CC;
  --sidebar-active-bg: rgba(240, 138, 67, 0.12);
  --sidebar-active-text: #F59A58;
  --overlay: rgba(3, 7, 14, 0.62);
  color-scheme: dark;
}