/*
  Typography v2 — system-first (Apple) + Instrument Sans (Windows) + Roboto Mono ticks
  Load last
*/

:root {
  --sr-font-sans:
    'Instrument Sans',
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    system-ui,
    sans-serif;
  --sr-font-mono:
    'SF Mono',
    ui-monospace,
    'Roboto Mono',
    Menlo,
    Monaco,
    Consolas,
    monospace;
  --sr-font-display: var(--sr-font-sans);
  --sr-text-primary: #eaecef;
  --sr-text-secondary: #848e9c;
  --sr-text-muted: #5e6673;
  --sr-accent-gold: #f0b90b;
  --sr-accent-green: #0ecb81;
  --sr-border: #2b3139;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

html,
body.sr-site {
  font-family: var(--sr-font-sans) !important;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.011em;
  line-height: 1.4705882353;
  color: var(--sr-text-primary);
  font-feature-settings: 'kern' 1, 'liga' 1, 'calt' 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body.sr-site button,
body.sr-site .btn,
body.sr-site input,
body.sr-site select,
body.sr-site textarea,
body.sr-site .locale-select {
  font-family: var(--sr-font-sans) !important;
}

body.sr-site h1,
body.sr-site h2,
body.sr-site h3,
body.sr-site h4,
body.sr-site h5,
body.sr-site h6 {
  font-family: var(--sr-font-display) !important;
  font-weight: 600 !important;
  letter-spacing: -0.022em !important;
  color: var(--sr-text-primary);
}

body.sr-site p,
body.sr-site li,
body.sr-site span,
body.sr-site label,
body.sr-site .sr-footer-desc,
body.sr-site .faq-answer {
  color: rgba(234, 236, 239, 0.86);
}

body.sr-site #hero-freq,
body.sr-site .hero-freq-value,
body.sr-site .hero-audience-count,
body.sr-site #active-viewers-count,
body.sr-site .harmonic-freq,
body.sr-site .metric-card .text-3xl,
body.sr-site .metric-card .text-2xl,
body.sr-site #utc-clock,
body.sr-site .hero-t-metric dd,
body.sr-site code,
body.sr-site pre {
  font-family: var(--sr-font-mono) !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum' 1, 'zero' 1;
}

body.sr-site .sr-brand-name,
body.sr-site .sr-brand-name .logo-desktop,
body.sr-site .sr-brand-name .logo-mobile {
  font-weight: 600 !important;
  letter-spacing: -0.028em !important;
  color: var(--sr-text-primary) !important;
  -webkit-text-fill-color: unset !important;
  background: none !important;
}

body.sr-site nav.nav-premium .nav-pill {
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
}

body.sr-site .card,
body.sr-site .metric-card,
body.sr-site #spectrogram.card {
  color: var(--sr-text-primary);
}

body.sr-site .text-gray-300,
body.sr-site .text-gray-500 {
  color: var(--sr-text-secondary) !important;
}

@media (max-width: 767px) {
  html,
  body.sr-site {
    font-size: 15px;
  }
}