/* Dark Theme Variables - August 2025
 * Centralized dark theme inspired by Microsoft Teams
 * Provides high-contrast colors for accessibility
 */

:root {
  --color-bg: #1f1f1f; /* primary background */
  --color-bg-secondary: #252526; /* secondary surfaces */
  --color-text: #f3f2f1; /* primary text */
  --color-text-muted: #c8c6c4; /* secondary text */
  --color-accent: #479ef5; /* accent / links */
  --color-accent-contrast: #1f1f1f; /* text on accent */
  --color-border: #3e3e3e; /* borders and dividers */
}

body {
  background-color: var(--color-bg);
  color: var(--color-text);
}

a {
  color: var(--color-accent);
}

input, textarea, select {
  background-color: var(--color-bg-secondary);
  color: var(--color-text);
  border-color: var(--color-border);
}

button {
  background-color: var(--color-accent);
  color: var(--color-accent-contrast);
}

.distance-line-label {
  color: #fff;
  text-shadow: 0 0 3px #000;
}

.distance-marker {
  color: #fff;
  text-shadow: 0 0 3px #000;
}

.distance-line {
  filter: drop-shadow(0 0 2px #000);
  stroke: #b0c4de;
  stroke-opacity: 0.6;
}