:root {
    --primary-deep-purple: #300c80;
    --primary-orange: #e74700;
}

/* navigation */
.currentItem {
    color: var(--primary-orange);
}

/* FONT START */

/* malá utilita pro použití fontu Roboto (viz níže) */
.font-roboto {
    font-family: "Roboto", sans-serif;
}

/* Vlastní font */
@font-face {
    font-family: "XalTerion";
    src: url("/fonts/xaltrn2U.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/* Třída pro použití fontu */
.font-xalterion {
    font-family: "XalTerion", sans-serif;
    color: white;
    /* font-size: 3rem; */
    font-size: clamp(0.5rem, 4vw, 3rem);
}
/* FONT END */

/* HEADER START */

/* komponenty */
.top-strip {
    height: 20px;
    background-color: var(--primary-deep-purple);
}

/* pokud chceš jednotnou velikost ikon */
.menu-icon {
    width: var(--menu-icon-size);
    height: var(--menu-icon-size);
}

/* Poloprůhledný overlay */
.bg-primary-overlay {
    background-color: rgba(48, 12, 128, 0.7); /* alfa 0.5 */
}

/* HEADER END */

/* FOOTER START */
footer {
    background-color: var(--primary-deep-purple);
}

footer nav {
    color: white;
    font-size: 10px;
}
.copyright {
    font: regular;
    font-size: 10px;
}
/* FOOTER END */