/* Professional Dark theme: refined neutral dark with accessible contrast */
body.theme-professional-dark {
  --coverage-contour-color: #ffcf56;
  /* Core palette */
  --color-primary: #4f46e5; /* indigo-600 */
  --color-secondary: #06b6d4; /* cyan-500 */
  --color-bg-dark: #0b1020;
  --color-bg-panel: #141a2a;
  --color-border: #23304d;
  --color-text-light: #e5e7eb;
  --color-text-muted: #94a3b8;
  --color-body-bg: #0b1020;
  --color-scrollbar-track: #0f172a;
  --color-shadow: rgba(0,0,0,0.7);
  --color-shadow-heavy: rgba(0,0,0,0.85);
  --color-overlay: rgba(0,0,0,0.35);
  --color-panel-overlay: rgba(0,0,0,0.25);
  --color-tooltip-bg: rgba(20, 26, 42, 0.98);

  /* Glows, shadows, text effects */
  --color-primary-glow-60: rgba(79, 70, 229, 0.45);
  --color-primary-glow-50: rgba(79, 70, 229, 0.3);
  --color-primary-glow-30: rgba(79, 70, 229, 0.2);
  --color-primary-glow-20: rgba(79, 70, 229, 0.12);
  --color-secondary-glow-60: rgba(6, 182, 212, 0.4);
  --color-secondary-glow-50: rgba(6, 182, 212, 0.28);
  --color-secondary-glow-30: rgba(6, 182, 212, 0.18);
  --color-secondary-glow-20: rgba(6, 182, 212, 0.1);
  --text-shadow-primary: 0 0 8px rgba(79, 70, 229, 0.3);
  --text-shadow-secondary: 0 0 8px rgba(6, 182, 212, 0.25);
  --box-shadow-glow: 0 0 20px rgba(79, 70, 229, 0.22);
  --box-shadow-heavy: 0 10px 30px rgba(0,0,0,0.7);

  /* Radii + transitions (aligned with rest of app) */
  --border-radius-sm: 6px;
  --border-radius-md: 10px;
  --border-radius-lg: 14px;
  --transition-speed: 0.28s;

  /* Typography (keep existing families; no system stack/clamps) */
  --font-primary: 'Inter', sans-serif;
  --hud-font: 16px 'Inter', sans-serif;

  /* Canvas/Map/HUD/Receiver variables */
  --canvas-bg-color: #0e1426;
  --map-stroke-color: #4f46e5;
  --map-shadow-color: #4f46e5;
  --receiver-fill-color: #06b6d4;
  --receiver-shadow-color: #06b6d4;
  --hud-stroke-color: #e5e7eb;
  --hud-fill-color: #e5e7eb;
  --hud-shadow-color: #e5e7eb;
}

/* Subtle UI refinements */
.theme-professional-dark .top-left-controls {
  background: rgba(11, 16, 32, 0.9);
  border-bottom: 1px solid var(--color-border);
  box-shadow: 0 6px 18px var(--color-shadow);
}
.theme-professional-dark canvas {
  border: 1px solid var(--color-border);
  box-shadow: 0 0 18px var(--color-primary-glow-30);
}