:root {
--colorPrimary: hsl(358, 97%, 29%);
--colorPrimary-h: 358;
--colorPrimary-s: 97;
--colorPrimary-l: 29;
--colorPrimary-contrast: #FFFFFF;

--colorSecondary: hsl(30, 14%, 97%);
--colorSecondary-h: 30;
--colorSecondary-s: 14;
--colorSecondary-l: 97;
--colorSecondary-contrast: #000000;

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

--colorPrimaryExtraLight: hsl(340, 43%, 99%);
--colorPrimaryLight: hsl(357, 40%, 90%);
}


:root {
    --logo-img-width: 220px;
    --logo-img-height: 100px;
    --hlavicka-padding-top: clamp(.8rem,2vw,1.5rem);
    --hlavicka-padding-bottom: clamp(.8rem,2vw,1.5rem);
    --footerContent-grid-template-columns: repeat(3, 1fr);
    --hlavickaContactHover-color: var(--colorText);

    @media(max-width: 768px) {
        --logo-img-width: 160px;
        --logo-img-height: 72px;
    }
}            @font-face {
            font-family: OpenSans;
            src:local("OpenSans Regular"),local("OpenSans-Regular"),url("/poskireal/frontend/fonts/OpenSans/OpenSans-Regular-normal.woff2") format("woff2");
            font-weight: 400;
            font-style:normal;
            font-display:fallback;
            }
                    @font-face {
            font-family: OpenSans;
            src:local("OpenSans Bold"),local("OpenSans-Bold"),url("/poskireal/frontend/fonts/OpenSans/OpenSans-Bold-normal.woff2") format("woff2");
            font-weight: 700;
            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;
            }
                    @font-face {
            font-family: Roboto;
            src:local("Roboto Black"),local("Roboto-Black"),url("/poskireal/frontend/fonts/Roboto/Roboto-Black-normal.woff2") format("woff2");
            font-weight: 900;
            font-style:normal;
            font-display:fallback;
            }
        
:root {
    --font-primary: OpenSans;
    --font-secondary: "Roboto";
}