/* Sans Serif - normal */

@font-face {
    font-family: "basis-grotesque-pro";
    src: local(Basis Grotesque Bold Pro),
         local(Basis Grotesque Bold),
         url("./basis-grotesque-bold-pro.woff2") format("woff2"),
         url("./basis-grotesque-bold-pro.woff") format("woff");
    font-style: normal;
    font-weight: bold;
    font-display: swap;
}

@font-face {
    font-family: "basis-grotesque-pro";
    src: local(Basis Grotesque Bold Pro),
        local(Basis Grotesque Bold),
        url("./basis-grotesque-bold-pro.woff2") format("woff2"),
        url("./basis-grotesque-bold-pro.woff") format("woff");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: "basis-grotesque-pro";
    src: local(Basis Grotesque Medium Pro),
         local(Basis Grotesque Medium),
         url("./basis-grotesque-medium-pro.woff2") format("woff2"),
         url("./basis-grotesque-medium-pro.woff") format("woff");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "basis-grotesque-pro";
    src: local(Basis Grotesque Regular Pro),
        local(Basis Grotesque Regular),
        url("./basis-grotesque-regular-pro.woff2") format("woff2"),
        url("./basis-grotesque-regular-pro.woff") format("woff");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}


@font-face {
    font-family: "basis-grotesque-pro";
    src: local(Basis Grotesque Regular Pro),
         local(Basis Grotesque Regular),
         url("./basis-grotesque-regular-pro.woff2") format("woff2"),
         url("./basis-grotesque-regular-pro.woff") format("woff");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}


/* Sans Serif - italic */

@font-face {
    font-family: "basis-grotesque-pro";
    src: local(Basis Grotesque Medium Italic Pro),
         local(Basis Grotesque Medium Italic),
         url("./basis-grotesque-medium-italic-pro.woff2") format("woff2"),
         url("./basis-grotesque-medium-italic-pro.woff") format("woff");
    font-style: italic;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "basis-grotesque-pro";
    src: local(Basis Grotesque Italic Pro),
        local(Basis Grotesque Italic),
        url("./basis-grotesque-italic-pro.woff2") format("woff2"),
        url("./basis-grotesque-italic-pro.woff") format("woff");
    font-style: italic;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "basis-grotesque-pro";
    src: local(Basis Grotesque Italic Pro),
        local(Basis Grotesque Italic),
        url("./basis-grotesque-italic-pro.woff2") format("woff2"),
        url("./basis-grotesque-italic-pro.woff") format("woff");
    font-style: italic;
    font-weight: 400;
    font-display: swap;
}


/* Monospace - normal */

@font-face {
    font-family: "basis-grotesque-mono-pro";
    src: local(Basis Grotesque Monobold Pro),
        local(Basis Grotesque Monobold),
        url("./basis-grotesque-monobold-pro.woff2") format("woff2"),
        url("./basis-grotesque-monobold-pro.woff") format("woff");
    font-style: normal;
    font-weight: bold;
    font-display: swap;
}

@font-face {
    font-family: "basis-grotesque-mono-pro";
    src: local(Basis Grotesque Monobold Pro),
        local(Basis Grotesque Monobold),
        url("./basis-grotesque-monobold-pro.woff2") format("woff2"),
        url("./basis-grotesque-monobold-pro.woff") format("woff");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}


@font-face {
    font-family: "basis-grotesque-mono-pro";
    src: local(Basis Grotesque Mono Pro),
        local(Basis Grotesque Mono),
        url("./basis-grotesque-mono-pro.woff2") format("woff2"),
        url("./basis-grotesque-mono-pro.woff") format("woff");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "basis-grotesque-mono-pro";
    src: local(Basis Grotesque Mono Pro),
        local(Basis Grotesque Mono),
        url("./basis-grotesque-mono-pro.woff2") format("woff2"),
        url("./basis-grotesque-mono-pro.woff") format("woff");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}


/* Monospace - italic */

@font-face {
    font-family: "basis-grotesque-mono-pro";
    src: local(Basis Grotesque Mono Italic Pro),
        local(Basis Grotesque Mono),
        url("./basis-grotesque-mono-pro.woff2") format("woff2"),
        url("./basis-grotesque-mono-pro.woff") format("woff");
    font-style: italic;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "basis-grotesque-mono-pro";
    src: local(Basis Grotesque Mono  ItalicPro),
        local(Basis Grotesque Mono),
        url("./basis-grotesque-mono-italic-pro.woff2") format("woff2"),
        url("./basis-grotesque-mono-italic-pro.woff") format("woff");
    font-style: italic;
    font-weight: 400;
    font-display: swap;
}


/* Serif - normal */
@font-face {
    font-family: "william-bold";
    src: local(William Text Std Bold),
        url("./WilliamTextStd-Bld.woff2") format("woff2"),
        url("./WilliamTextStd-Bld.woff") format("woff");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    size-adjust: 95%;
    font-feature-settings: "pnum" 1, "lnum" 1;
}

@font-face {
    font-family: "william-bold";
    src: local(William Text Std Bold),
         url("./WilliamTextStd-Bld.woff2") format("woff2"),
         url("./WilliamTextStd-Bld.woff") format("woff");
    font-style: normal;
    font-weight: bold;
    font-display: swap;
    size-adjust: 95%;
    font-feature-settings: "pnum" 1, "lnum" 1;
}

:root {
    --font-family-sans-serif: "basis-grotesque-pro", -apple-system, BlinkMacSystemFont, sans-serif;
    --font-family-serif: "william-bold", serif;
    --font-family-monospace: "basis-grotesque-mono-pro", monospace
}