/* TrackdAT: navy navigation, white cards and teal accents sampled from the supplied homepage screenshot. */
body.theme-trackdat {
  --coverage-contour-color: #ffd35a;
  /* Core palette */
  --color-primary: #05668d; /* blue-600 */
  --color-secondary: #2e8ba0; /* sky-500 */
  --color-bg-dark: #ffffff;
  --color-bg-panel: #ffffff;
  --color-border: #e2e8f0; /* slate-200 */
  --color-text-light: #1e293b; /* slate-900 */
  --color-text-muted: #64748b; /* slate-600 */
  --color-body-bg: #f1f5f9; /* slate-50 */
  --color-scrollbar-track: #f1f5f9; /* slate-100 */
  --color-shadow: rgba(12, 48, 71, 0.08);
  --color-shadow-heavy: rgba(12, 48, 71, 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(5, 102, 141, 0.16);
  --color-primary-glow-50: rgba(5, 102, 141, 0.12);
  --color-primary-glow-30: rgba(5, 102, 141, 0.08);
  --color-primary-glow-20: rgba(5, 102, 141, 0.06);
  --color-secondary-glow-60: rgba(46, 139, 160, 0.16);
  --color-secondary-glow-50: rgba(46, 139, 160, 0.12);
  --color-secondary-glow-30: rgba(46, 139, 160, 0.08);
  --color-secondary-glow-20: rgba(46, 139, 160, 0.06);
  --text-shadow-primary: none;
  --text-shadow-secondary: none;
  --box-shadow-glow: 0 4px 18px rgba(5, 102, 141, 0.08);
  --box-shadow-heavy: 0 6px 28px rgba(12, 48, 71, 0.08);

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

  --border-width: 1px;
  --text-shadow-glow: none;
  --map-shadow-blur: 0;
  --receiver-shadow-blur: 0;
  --hud-shadow-blur: 0;
  --receiver-stroke-color: #0c3047;

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

  /* Canvas/Map/HUD/Receiver variables */
  --canvas-bg-color: #ffffff;
  --map-stroke-color: #05668d;
  --map-shadow-color: #05668d;
  --receiver-fill-color: #2e8ba0;
  --receiver-shadow-color: #2e8ba0;
  --hud-stroke-color: #1e293b;
  --hud-fill-color: #1e293b;
  --hud-shadow-color: #1e293b;
}

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

/* The reference site uses dark navigation above a light workspace. */
.theme-trackdat .top-left-controls,
.theme-trackdat .hotkey-footer {
  --color-primary: #58c6e0;
  --color-text-light: #ffffff;
  --color-text-muted: #d4e2ec;
  --color-border: #2e8ba0;
  --color-bg-dark: #0c3047;
  --color-bg-panel: #0c3047;
  --color-scrollbar-track: #0c3047;
  background: #0c3047;
  color: #d4e2ec;
  box-shadow: none;
}
.theme-trackdat .action-btn {
  background: #05668d;
  border-color: #05668d;
  color: #ffffff;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
}
.theme-trackdat .action-btn:not(:disabled):hover { background: #0c3047; border-color: #0c3047; transform: none; box-shadow: none; }
.theme-trackdat .action-btn.secondary { background: transparent; color: #05668d; border-color: #05668d; }
.theme-trackdat .action-btn.secondary:not(:disabled):hover { background: #f1f5f9; color: #0c3047; }
.theme-trackdat .top-left-controls .file-upload-btn {
  background: transparent;
  border-color: #2e8ba0;
  color: #ffffff;
  text-transform: none;
  text-shadow: none;
}
.theme-trackdat .top-left-controls .file-upload-btn:hover { background: #05668d; box-shadow: none; }
.theme-trackdat .sidebar-header,
.theme-trackdat .chart-header { background: #ffffff; }
.theme-trackdat .sidebar-header h3,
.theme-trackdat .chart-header h4 { color: #0c3047; text-transform: none; letter-spacing: normal; }