/* Generated from design/style-profile.json.
   profile=1.0.0 source-sha256=a203243828d58a73
   Run npm run style:build; do not edit this file directly. */

:root,
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #F5F6F8;
  --bg-soft: #ECEFF3;
  --panel: #FFFFFF;
  --panel-strong: #FFFFFF;
  --surface: #ECEFF3;
  --surface-hover: color-mix(in srgb, #ECEFF3 84%, #202731);
  --surface-subtle: color-mix(in srgb, #ECEFF3 74%, transparent);
  --border: #D2D7DE;
  --border-strong: color-mix(in srgb, #D2D7DE 72%, #202731);
  --text: #202731;
  --text-soft: color-mix(in srgb, #202731 78%, #616B78);
  --muted: #616B78;
  --muted-strong: color-mix(in srgb, #616B78 74%, #202731);
  --accent: #315DA8;
  --accent-strong: #315DA8;
  --accent-soft: #E8EEF8;
  --accent-contrast: #FFFFFF;
  --safe: #2E755A;
  --safe-soft: #E5F1EC;
  --caution: #8E6017;
  --caution-soft: #F9F0DB;
  --hazard: #A63C35;
  --hazard-soft: #F7EAE8;
  --info: #315DA8;
  --info-soft: #E8EEF8;
  --unknown: #616B78;
  --map-background: #DFE3E8;
  --route-color: #315DA8;
  --focus: 0 0 0 3px color-mix(in srgb, #315DA8 42%, transparent);
  --shadow-lg: none;
  --shadow-md: none;
  --radius-xl: 8px;
  --radius-lg: 6px;
  --radius-md: 4px;
  --radius-sm: 4px;
  --font: "Source Sans 3", "Segoe UI", sans-serif;
  --font-heading: "Source Sans 3", "Segoe UI", sans-serif;
  --font-size-base: 14px;
  --font-size-heading: 24px;
  --font-size-section: 18px;
  --font-size-metric: 20px;
  --line-height-base: 1.35;
  --heading-weight: 600;
  --control-min: 44px;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #111418;
  --bg-soft: #242A32;
  --panel: #191D23;
  --panel-strong: #191D23;
  --surface: #242A32;
  --surface-hover: color-mix(in srgb, #242A32 84%, #F4F6F8);
  --surface-subtle: color-mix(in srgb, #242A32 74%, transparent);
  --border: #3B434E;
  --border-strong: color-mix(in srgb, #3B434E 72%, #F4F6F8);
  --text: #F4F6F8;
  --text-soft: color-mix(in srgb, #F4F6F8 78%, #AFB7C1);
  --muted: #AFB7C1;
  --muted-strong: color-mix(in srgb, #AFB7C1 74%, #F4F6F8);
  --accent: #91B8F5;
  --accent-strong: #8FB8F5;
  --accent-soft: #263A5C;
  --accent-contrast: #101820;
  --safe: #75CDA8;
  --safe-soft: #203A31;
  --caution: #E4BA67;
  --caution-soft: #443821;
  --hazard: #F28A82;
  --hazard-soft: #482926;
  --info: #91B8F5;
  --info-soft: #263A5C;
  --unknown: #AFB7C1;
  --map-background: #15191E;
  --route-color: #8FB8F5;
  --focus: 0 0 0 3px color-mix(in srgb, #91B8F5 42%, transparent);
}