:root {
--colorPrimary: hsl(340, 100%, 50%);
--colorPrimary-h: 340;
--colorPrimary-s: 100;
--colorPrimary-l: 50;
--colorPrimary-contrast: #FFFFFF;

--colorSecondary: hsl(249, 52%, 13%);
--colorSecondary-h: 249;
--colorSecondary-s: 52;
--colorSecondary-l: 13;
--colorSecondary-contrast: #FFFFFF;

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

--colorPrimaryExtraLight: hsl(336, 100%, 99%);
--colorPrimaryLight: hsl(339, 100%, 93%);
}


:root {
}            @font-face {
            font-family: Roboto;
            src:local("Roboto Light"),local("Roboto-Light"),url("/poskireal/frontend/fonts/Roboto/Roboto-Light-normal.woff2") format("woff2");
            font-weight: 300;
            font-style:normal;
            font-display:fallback;
            }
                    @font-face {
            font-family: Roboto;
            src:local("Roboto Regular"),local("Roboto-Regular"),url("/poskireal/frontend/fonts/Roboto/Roboto-Regular-normal.woff2") format("woff2");
            font-weight: 400;
            font-style:normal;
            font-display:fallback;
            }
                    @font-face {
            font-family: Roboto;
            src:local("Roboto Medium"),local("Roboto-Medium"),url("/poskireal/frontend/fonts/Roboto/Roboto-Medium-normal.woff2") format("woff2");
            font-weight: 500;
            font-style:normal;
            font-display:fallback;
            }
                    @font-face {
            font-family: Roboto;
            src:local("Roboto Bold"),local("Roboto-Bold"),url("/poskireal/frontend/fonts/Roboto/Roboto-Bold-normal.woff2") format("woff2");
            font-weight: 700;
            font-style:normal;
            font-display:fallback;
            }
        
:root {
    --font-primary: Roboto;
    --font-secondary: ;
}