@font-face { font-family: 'Frutiger LT Std'; src: url('/assets/fonts/frutiger-lt-std-light.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Frutiger LT Std'; src: url('/assets/fonts/frutiger-lt-std-roman.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Frutiger LT Std'; src: url('/assets/fonts/frutiger-lt-std-bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }

:root {
  color-scheme: light;
  --surface-page: #ffffff;
  --surface-primary: #ffffff;
  --surface-map: #e5ecef;
  --surface-secondary: #f2f2f2;
  --surface-raised: #ffffff;
  --surface-hover: #eaf5fa;
  --surface-overlay: rgba(255, 255, 255, 0.97);
  --border: #dadada;
  --border-strong: #a6a6a6;
  --text-primary: #000000;
  --text-on-accent: #ffffff;
  --text-secondary: #6e6e6e;
  --text-dim: #767677;
  --accent: #0d7aac;
  --accent-hover: #40a4d2;
  --accent-strong: #005980;
  --accent-soft: #e7f4fa;
  --action: #a80a90;
  --action-hover: #c848b4;
  --action-soft: #f8e8f5;
  --live: #2f7d32;
  --stale: #9a6500;
  --error: #ce0b24;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-control: 22px;
  --radius-panel: 8px;
  --touch-target: 44px;
  --motion-fast: 150ms;
  --motion-standard: 200ms;
  --motion-marker: 300ms;
  --font-display: 'Frutiger LT Std', Helvetica, sans-serif;
  --font-body: 'Frutiger LT Std', Helvetica, sans-serif;
  --font-mono: 'Frutiger LT Std', Helvetica, sans-serif;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.10), 0 4px 16px rgba(0, 0, 0, 0.08);
  --shadow-overlay: 0 12px 40px rgba(0, 0, 0, 0.16);
  --z-map: 0;
  --z-map-controls: 10;
  --z-drawer: 30;
  --z-detail: 40;
  --z-dialog: 50;
  --z-notice: 60;
}