:root {
--colorPrimary: hsl(218, 46%, 23%);
--colorPrimary-h: 218;
--colorPrimary-s: 46;
--colorPrimary-l: 23;
--colorPrimary-contrast: #FFFFFF;

--colorSecondary: hsl(15, 67%, 67%);
--colorSecondary-h: 15;
--colorSecondary-s: 67;
--colorSecondary-l: 67;
--colorSecondary-contrast: #000000;

--colorAccent: hsl(0, 0%, 0%);
--colorAccent-h: 0;
--colorAccent-s: 0;
--colorAccent-l: 0;
--colorAccent-contrast: #FFFFFF;

--colorPrimaryExtraLight: hsl(240, 14%, 99%);
--colorPrimaryLight: hsl(218, 15%, 89%);
}


:root {
}            @font-face {
            font-family: Poppins;
            src:local("Poppins ExtraLight"),local("Poppins-ExtraLight"),url("/poskireal/frontend/fonts/Poppins/Poppins-ExtraLight-normal.woff2") format("woff2");
            font-weight: 200;
            font-style:normal;
            font-display:fallback;
            }
                    @font-face {
            font-family: Poppins;
            src:local("Poppins Light"),local("Poppins-Light"),url("/poskireal/frontend/fonts/Poppins/Poppins-Light-normal.woff2") format("woff2");
            font-weight: 300;
            font-style:normal;
            font-display:fallback;
            }
                    @font-face {
            font-family: Poppins;
            src:local("Poppins SemiBold"),local("Poppins-SemiBold"),url("/poskireal/frontend/fonts/Poppins/Poppins-SemiBold-normal.woff2") format("woff2");
            font-weight: 600;
            font-style:normal;
            font-display:fallback;
            }
                    @font-face {
            font-family: Poppins;
            src:local("Poppins Bold"),local("Poppins-Bold"),url("/poskireal/frontend/fonts/Poppins/Poppins-Bold-normal.woff2") format("woff2");
            font-weight: 700;
            font-style:normal;
            font-display:fallback;
            }
        
:root {
    --font-primary: Poppins;
    --font-secondary: ;
}