@import url("elements.css");
@import url("navbar.css");
@import url("landing-page.css");
@import url("s_okna.css");
@import url("s_rolety.css");
@import url("s_kontakt.css");

:root {
    --background-color: #F6F9FC;
    --contact-color: rgba(219, 236, 255, 0.5);
    --text-color: #071108;
    --nav-link-color: #2f3d88;
    --background-glass: rgba(255, 255, 255, 0.25);
}

.dark-theme {
    --background-color: #181818;
    --contact-color: rgba(43, 48, 53, 0.233);
    --text-color: #F6F9FC;
    --nav-link-color: #e95522 !important;
    --background-glass: rgba(0, 0, 0, 0.25);
}

* {
    font-family: 'Familjen Grotesk', sans-serif;
}

body {
    background-image: url("../img/bg3.png");
    background-color: var(--background-color);
    background-repeat: no-repeat;
    background-size: cover;

    transition: background-color 0.5s ease-in-out, color 1.2s ease-in-out;
}

a {
    text-decoration: none;
    color: var(--text-color);
}