@font-face {
        font-family: "Overpass Bold";
        src: url("fonts/Overpass Bold-bold/Overpass Bold-bold.woff2") format("woff2"), url("fonts/Overpass Bold-bold/Overpass Bold-bold.woff") format("woff"), url("fonts/Overpass Bold-bold/Overpass Bold-bold.ttf") format("truetype");
        font-weight: bold;
        font-style: normal;
    }
@font-face {
        font-family: "Overpass Regular";
        src: url("fonts/Overpass Regular/Overpass Regular.woff2") format("woff2"), url("fonts/Overpass Regular/Overpass Regular.woff") format("woff"), url("fonts/Overpass Regular/Overpass Regular.ttf") format("truetype");
        font-weight: normal;
        font-style: normal;
    }

:root {
    --theme-color-h1: #004B7E;
--theme-color-h2: #004B7E;
--theme-color-h3: #000000;
--theme-color-h4: #000000;
--theme-color-a: #004B7E;
--theme-color-strong: #000000;
--theme-color-highlight: yellow;
--theme-color-on-highlight: black;
--theme-color-accent: #004B7E;
--theme-color-on-accent: white;
--theme-color-current-nav-color: black;
--theme-color-current-nav-bg: #afdcc7;
--theme-font-body: "Overpass Regular", Arial, Helvetica, sans-serif;
--theme-font-headings: "kiro", Arial, Helvetica, sans-serif;
    }