/* NOISEMAP — Typography Contract V001
   Golden rule:
   - Top official logo + RADAR WYDARZEŃ bar is the canonical heatmap opening.
   - Legacy nm-nav logo must not render under the heatmap.
   - Heatmap typography is owned by city-heatmap.css + heatmap-font-scale-v002.css.
   - This contract must not override heatmap labels/legend/popover with emergency/default fonts.
*/

:root {
  --nm-font-display: "Barlow Condensed", "Arial Narrow", system-ui, sans-serif;
  --nm-font-mono: "Space Mono", "IBM Plex Mono", Consolas, monospace;
  --nm-hero-title-size: clamp(38px, 9vw, 64px);
  --nm-hero-sub-size: clamp(13px, 3.7vw, 16px);
}

/* Legacy shell / hero only — not heatmap */
.nm-logo,
.nm-logo * {
  font-family: var(--nm-font-display) !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  line-height: 1 !important;
}

.nm-hero-title,
.nm-hero h1 {
  font-family: var(--nm-font-display) !important;
  font-size: var(--nm-hero-title-size) !important;
  line-height: .92 !important;
  font-weight: 900 !important;
  letter-spacing: -.035em !important;
}

.nm-hero-sub {
  font-family: var(--nm-font-mono) !important;
  font-size: var(--nm-hero-sub-size) !important;
  line-height: 1.28 !important;
}

/* V092 top radar shell only */
.nm-v036-panel,
.nm-v036-panel button,
.nm-v036-panel span,
.nm-v036-panel p {
  font-family: var(--nm-font-mono) !important;
}

.nm-v036-title {
  font-family: var(--nm-font-display) !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

/*
  Intentionally no heatmap-root typography overrides here.
  Accepted heatmap typography is locked in:
  - public/modules/city-heatmap/city-heatmap.css
  - public/modules/city-heatmap/heatmap-font-scale-v002.css
*/

@media (max-width: 520px) {
  :root {
    --nm-hero-title-size: clamp(34px, 10vw, 54px);
  }
}