:root{
    /*--primary-color: #83b05a;*/
    --primary-color: #303034;
    --primary-color-highlight: #BCBFC0;
    --secondary-color: #E0B262;
    --secondary-color-highlight: #82786C;
    --tertiary-color: #444;
    --quaternary-color: #555;
    --background-color: #000;
    --menu-item-color: #111;
    --menu-item-color-highlight: #ccc;
    --menu-text-color: #000;
    --menu-text-color-highlight: #ccc;
    --shadow-color: #00000055;
     --background-image: url("../media/reis-over-de-dansvloer/2027-04-04-reis-over-de-dansvloer-website-background-1920x1080.png"); 
    --mainfont: url("../fonts/FREESCPT.ttf");
    --text-color: #000;
    --title-background: #00000000;
    --box-background: #fff6;
    /* poster date/location frame: hand-drawn preset */
    --pi-border: 2px solid currentColor;
    --pi-radius: 255px 15px 225px 15px / 15px 225px 15px 255px;
    --pi-tilt: rotate(-1.5deg);
}
@font-face {
    font-family: textFont;
    src: url("../fonts/FREESCPT.ttf");
}
@font-face {
    font-family: infoFont;
    src: url("../fonts/FREESCPT.ttf");
/*     src: url("../fonts/Strawberry Muffins Demo.ttf"); */
}
@font-face {
    font-family: symbolFont;
    src: url("../fonts/Raleway-VariableFont_wght.ttf");
}
@font-face {
    font-family: titleFont;
    src: url("../fonts/Raleway-VariableFont_wght.ttf");
}

div.stanistil-title {
    text-align: center;
    font-family: stanistilFont;
    font-size: 2em;
    color: white;
    text-shadow: -5px 5px var(--secondary-color);
}
body {
    font-size: 3em;
    background: #00000000;
/*     background: linear-gradient(0deg, var(--primary-color) 0%, var(--primary-color-highlight) 50%, var(--primary-color) 100%); */
}
.symbol {
    font-size: 0.8em;
}
.ball-title {
    color: white;
}
.band {
    --text-color: #fff;
    font-family: titleFont;
}
.framed {
    color: white;
}
#location_name > a {
    color: white;
}