/*
 * WeatherPulse native typography
 *
 * `system-ui` follows the font chosen by the operating system:
 * San Francisco on Apple devices, the Android system UI font on Android,
 * and Segoe UI on Windows. The legacy pages contain several high-specificity
 * font declarations, so the body opt-out ID intentionally gives this shared
 * rule enough specificity to replace them. Material icon glyphs are excluded.
 */
:root {
  --wp-device-font:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI Variable",
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
}

html body:not(#wp-use-custom-font),
html body:not(#wp-use-custom-font) *:not(.material-icons):not(.material-icons-round):not(.material-symbols-rounded):not(.material-symbols-outlined):not(.material-symbols-sharp) {
  font-family: var(--wp-device-font) !important;
}