:root {
  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --color-eclipse-night: #1c2a40;
  --color-eclipse-text: #f4f1de;
  --color-eclipse-accent: #ffa500;

  --map-topbar-height: 60px;

  --map-panel-width: min(26rem, 38vw);
  --map-panel-radius: 1rem;
  --map-panel-border: #d2dae4;
  --map-panel-bg: #ffffff;

  --map-text-main: #10253d;
  --map-text-muted: #4e657f;
  --map-shell-bg: #dbe3ec;

  --map-accent: #c65d16;
  --map-accent-hover: #a94b0e;
  --map-accent-strong: #8f3f0c;
  --map-accent-deep: #5f2908;
  --map-accent-soft: #fff8f0;
  --map-accent-soft-hover: #fffaf5;
  --map-accent-border: #ead7c2;
  --map-accent-text: #7d3d14;
  --map-focus-ring: rgba(198, 93, 22, 0.2);
  --map-control-border: #c7d1dc;
  --map-control-text: #31485f;
  --map-on-accent: #ffffff;
  --map-divider: #e2e8ef;
  --map-surface-subtle: #f8fafc;
  --map-surface-muted: #f4f7fb;
  --map-surface-strong: #edf2f7;
  --map-surface-border: #e1e7ee;
  --map-interactive: #2c5f91;
  --map-interactive-soft: #eaf2f9;
  --map-link: #255d91;
  --map-link-hover: #173f66;
  --map-danger: #c62828;
  --map-danger-soft: #fff4f4;
  --map-danger-ring: rgba(198, 40, 40, 0.18);
  --map-panel-shadow: rgba(13, 33, 55, 0.25);
  --map-panel-shadow-desktop: rgba(13, 33, 55, 0.2);

  --map-font-size-panel-title: 1.125rem;
  --map-font-size-content-title: 1rem;
  --map-font-size-section-title: 0.9rem;
  --map-font-size-body: 0.875rem;
  --map-font-size-label: 0.75rem;
  --map-font-size-form-label: 0.74rem;
  --map-font-size-data-label: 0.73rem;
  --map-font-size-eyebrow: 0.7rem;
  --map-font-size-value: 0.9rem;
  --map-line-height-body: 1.45;
  --map-line-height-compact: 1.3;

  --map-panel-gutter: 1rem;
  --map-panel-section-gap: 0.9rem;
  --map-data-grid-gap: 0.6rem;
  --map-surface-radius: 0.58rem;
}

@media (max-width: 899px) {
  :root {
    --map-topbar-height: 52px;
  }
}