/* ==========================================================================
   Custom Font Definitions - SST-Mini App
   ========================================================================== */

/* Recoleta - Used for Headings */
@font-face {
    font-family: "Recoleta";
    src: url("/static/fonts/Recoleta-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Basis Grotesque Pro - Used for Body Text */
@font-face {
    font-family: "Basis Grotesque";
    src: url("/static/fonts/BasisGrotesquePro-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Basis Grotesque";
    src: url("/static/fonts/BasisGrotesquePro-Italic.woff") format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Basis Grotesque";
    src: url("/static/fonts/BasisGrotesquePro-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Basis Grotesque";
    src: url("/static/fonts/BasisGrotesquePro-BoldItalic.woff") format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* ==========================================================================
   Global Font Rules
   ========================================================================== */

*,
html,
body {
    font-family: "Basis Grotesque", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Recoleta", "Georgia", serif;
    font-weight: 500;
}