/* rust-fonts.css — Roboto Condensed / Roboto Mono, the typefaces Rust itself uses for its UI.
 *
 * Loaded LAST in <head> on the pages that opt in (home, server-stats, map-voting, maps,
 * account-settings, clan-dashboard). Every one of those pages gets its families from the
 * --font-* variables defined in styles.css / their own CSS, so redefining the variables here
 * re-fonts the page without touching a single rule in the page stylesheets.
 *
 *   display / body / ui  → Roboto Condensed  (Rust's UI face)
 *   mono                 → Roboto Mono       (Rust's numeric/ID face)
 *
 * Load order matters: this file must come after styles.css, account-settings.css, clan-dashboard.css
 * etc. — :root has equal specificity everywhere, so the last definition wins.
 *
 * Revert = remove the rust-fonts.css <link> from the page(s). Nothing else depends on it.
 */

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;500;600;700&family=Roboto+Mono:wght@400;500;700&display=swap');

:root {
    --font-display: 'Roboto Condensed', 'Rajdhani', sans-serif;
    --font-body:    'Roboto Condensed', 'Rajdhani', sans-serif;
    --font-ui:      'Roboto Condensed', 'Rajdhani', sans-serif;
    --font-mono:    'Roboto Mono', 'Share Tech Mono', monospace;
}

/* player-card-editor.css hardcodes the old mono face on its shell instead of using the variable —
   route it through --font-mono so the editor follows the rest of the page. */
html .pce-shell {
    font-family: var(--font-mono);
}

/* BootLoaderComponent.js injects its own <style> at runtime with the old faces hardcoded, and it lands
   AFTER this file in the document — so these need the extra `html` specificity, not just order. */
html .bl-root        { font-family: var(--font-mono); }
html .bl-brand-tag,
html .bl-logo        { font-family: var(--font-display); }
html .bl-logo-sub,
html .bl-btn         { font-family: var(--font-mono); }

/* modules/serverWidget.js hardcodes IBM Plex Mono on its rank badge + empty state (same runtime <style>). */
html .sw-rank-badge,
html .sw-empty       { font-family: var(--font-mono); }