/**
 * Typography - Multi Font Support
 * Fonts: Mulish, Montserrat, Outfit, Space Grotesk
 * Each font loaded locally for performance (faces declared in fonts.css)
 */

/* @font-face declarations live in fonts.css (shared with the Customizer
   controls pane). */

/* The --opsim-font-* tokens are declared once, in base.css, and overridden at
   runtime by customize_css() in inc/customizer/customizer.php according to the
   "Font Typography" picker. They used to be re-declared here as well, giving
   the same two variables three separate definition sites; this file now only
   consumes them. */

body, input, textarea, select, button {
    font-family: var(--opsim-font-primary);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    line-height: 1.5;
    color: var(--wp--preset--color--primary, #111827);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--opsim-font-primary);
    font-weight: 800;
}

b, strong {
    font-weight: 700;
}