:root {
--colorPrimary: hsl(221, 83%, 53%);
--colorPrimary-h: 221;
--colorPrimary-s: 83;
--colorPrimary-l: 53;
--colorPrimary-contrast: #FFFFFF;

--colorSecondary: hsl(215, 16%, 47%);
--colorSecondary-h: 215;
--colorSecondary-s: 16;
--colorSecondary-l: 47;
--colorSecondary-contrast: #FFFFFF;

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

--colorPrimaryExtraLight: hsl(225, 100%, 99%);
--colorPrimaryLight: hsl(221, 88%, 94%);
}


:root {
--location-index-hlavicka-background-color: #fff;
--hlavicka-background: #fff;
--hlavicka-location-index-tel-color: #000;
}            @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: ;
}