/* Professional Light theme: clean light with strong contrast and subtle color */
body.theme-professional-light {
  --coverage-contour-color: #b91c1c;
  /* Core palette */
  --color-primary: #2563eb; /* blue-600 */
  --color-secondary: #0ea5e9; /* sky-500 */
  --color-bg-dark: #ffffff;
  --color-bg-panel: #ffffff;
  --color-border: #e2e8f0; /* slate-200 */
  --color-text-light: #0f172a; /* slate-900 */
  --color-text-muted: #475569; /* slate-600 */
  --color-body-bg: #f8fafc; /* slate-50 */
  --color-scrollbar-track: #f1f5f9; /* slate-100 */
  --color-shadow: rgba(15, 23, 42, 0.08);
  --color-shadow-heavy: rgba(15, 23, 42, 0.12);
  --color-overlay: rgba(255,255,255,0.85);
  --color-panel-overlay: rgba(255,255,255,0.7);
  --color-tooltip-bg: rgba(255, 255, 255, 0.98);

  /* Glows, shadows, text effects */
  --color-primary-glow-60: rgba(37, 99, 235, 0.16);
  --color-primary-glow-50: rgba(37, 99, 235, 0.12);
  --color-primary-glow-30: rgba(37, 99, 235, 0.08);
  --color-primary-glow-20: rgba(37, 99, 235, 0.06);
  --color-secondary-glow-60: rgba(14, 165, 233, 0.16);
  --color-secondary-glow-50: rgba(14, 165, 233, 0.12);
  --color-secondary-glow-30: rgba(14, 165, 233, 0.08);
  --color-secondary-glow-20: rgba(14, 165, 233, 0.06);
  --text-shadow-primary: none;
  --text-shadow-secondary: none;
  --box-shadow-glow: 0 4px 18px rgba(37, 99, 235, 0.08);
  --box-shadow-heavy: 0 6px 28px rgba(15, 23, 42, 0.08);

  /* Radii + transitions */
  --border-radius-sm: 8px;
  --border-radius-md: 12px;
  --border-radius-lg: 16px;
  --transition-speed: 0.25s;

  /* Typography */
  --font-primary: 'Inter', sans-serif;
  --hud-font: 16px 'Inter', sans-serif;

  /* Canvas/Map/HUD/Receiver variables */
  --canvas-bg-color: #ffffff;
  --map-stroke-color: #2563eb;
  --map-shadow-color: #2563eb;
  --receiver-fill-color: #0ea5e9;
  --receiver-shadow-color: #0ea5e9;
  --hud-stroke-color: #0f172a;
  --hud-fill-color: #0f172a;
  --hud-shadow-color: #0f172a;
}

.theme-professional-light .top-left-controls {
  background: rgba(255, 255, 255, 0.96);
  border-bottom: 1px solid var(--color-border);
  box-shadow: var(--box-shadow-heavy);
}
.theme-professional-light canvas {
  border: 1px solid var(--color-border);
  box-shadow: var(--box-shadow-heavy);
}