:root {
  --atlas-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --atlas-ink: #0b2854;
  --atlas-muted: #637493;
  --atlas-line: #d9e3f2;
  --atlas-blue: #1268ee;
  --atlas-blue-deep: #064cbf;
  --atlas-blue-soft: #e8f1ff;
  --atlas-yellow: #ffd33d;
  --atlas-yellow-soft: #fff4ba;
  --atlas-green: #1d9a67;
  --atlas-red: #e64c55;
  --atlas-surface: #ffffff;
  --atlas-canvas: #eff5fb;
  --atlas-shadow: 0 18px 45px rgba(20, 56, 105, 0.18);
  --atlas-shadow-soft: 0 7px 22px rgba(20, 56, 105, 0.14);
  --atlas-radius-sm: 12px;
  --atlas-radius-md: 18px;
  --atlas-radius-lg: 26px;
  --atlas-radius-pill: 999px;
  --atlas-header-h: 88px;
  --atlas-sidebar-w: 360px;
  --atlas-control: 46px;
  --map-color-ocean: #4bb6e9;
  --map-color-ink: #0b2854;
  --map-color-focus: #ffb31a;
  --map-font-sans: var(--atlas-font);
  --map-font-body: 16px;
}

@media (max-width: 1100px) {
  :root { --atlas-header-h: 78px; --atlas-sidebar-w: 310px; }
}

@media (max-width: 720px) {
  :root { --atlas-header-h: 138px; --atlas-control: 42px; }
}