/* AleXoR Weather — unified typography, 2026-09-05.
   One font stack and one rhythm across all main_app/weather/blog pages. */
:root {
  --ax-font-sans: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --ax-font-mono: "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--ax-font-sans) !important;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0;
}

h1, h2, h3, h4, h5, h6,
p, a, span, strong, b, small, label,
li, dt, dd, th, td, blockquote, figcaption {
  font-family: inherit;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.025em;
}

strong, b { font-weight: 700; }
button, input, select, textarea { font-size: inherit; }

code, pre, kbd, samp,
.code-block, .code-block code {
  font-family: var(--ax-font-mono) !important;
}

/* Components introduced during the redesign previously declared their own
   font stacks. Force them to inherit the site typography instead. */
.ax-network-panel,
.ax-more-hero,
.ax-more-grid,
.ax-hero,
.ax-card,
.ax-network-card {
  font-family: inherit !important;
}

/* Keep the brand, headings and data values visually related instead of
   mixing several synthetic heavy weights. */
.ax-brand { font-weight: 700 !important; }
.ax-hero-title,
.ax-section-title,
.ax-more-hero h1,
.ax-more-card h2,
.ax-station-top h3 {
  font-family: inherit !important;
  font-weight: 700 !important;
}
.ax-network-temp,
.ax-more-temp,
.ax-station-temp,
.ax-summary-card strong,
.ax-pulse-value {
  font-family: inherit !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums;
}

/* Small UI captions should have the same readable proportions everywhere. */
.ax-kicker,
.ax-more-label,
.ax-network-badge,
.ax-summary-card span,
.ax-station-label,
.ax-station-metrics span,
.ax-more-metrics span {
  font-family: inherit !important;
  font-weight: 600 !important;
}

/* Font Awesome must keep its own icon font through its library selectors;
   this file intentionally does not override pseudo-element icon families. */