:root {
  color-scheme: light;
  --bg: #f7fafc;
  --surface: #fff;
  --soft: #eaf3f7;
  --text: #172d3b;
  --muted: #526775;
  --primary: #286b87;
  --primary-hover: #205a72;
  --on-primary: #fff;
  --accent: #426958;
  --border: #d9e5eb;
  --control: #758b99;
  --warning: #874c1c;
  --warning-bg: #fff4e8;
  --shadow: 0 8px 28px rgba(23, 45, 59, 0.05);
  --map-shadow: 0 20px 60px rgba(23, 45, 59, 0.1);
  --header: rgba(247, 250, 252, 0.96);
}
body.dark {
  color-scheme: dark;
  --bg: #101c25;
  --surface: #192a35;
  --soft: #203947;
  --text: #e6eff5;
  --muted: #adc1cd;
  --primary: #80c5de;
  --primary-hover: #a2d9eb;
  --on-primary: #112632;
  --accent: #a0c5b1;
  --border: #37505f;
  --control: #829dab;
  --warning: #efc59d;
  --warning-bg: #352b23;
  --shadow: 0 8px 28px rgba(0, 0, 0, 0.12);
  --map-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
  --header: rgba(16, 28, 37, 0.97);
}