:root{
    /* colors*/
        --green: hsl(120, 61%, 45%);
        --light-grey: hsl(0, 0%, 60%);
        --dark-grey: hsl(0, 0%, 35%);
        --medium-grey: ;
        --black-transparent: rgba(0,0,0,.19);
        --modal-transparent-black: rgba(0,0,0,.96);
        --always-white: white;
        --font-color: white;
        --font-color-inverse: black;
        --fill-1: hsl(0, 0%, 13%);
        --fill-2: #141414;
        --fill-3: hsl(0, 0%, 20%);
        --pink-decorated-background: linear-gradient(-230deg, #ff5100, #ff00bf);
        
        /* background */
        --background-color: #0f0f0fff;
        --background-color: black;
        /*--background-image: url(/assets/media/background-images/city.jpg?v2) no-repeat top center / 100% auto;*/
        
        /* Menu */
        --menu-trigger-button-background: var(--fill-1);
        --menu-trigger-button-text: white;
        --menu-trigger-button-separator: white;
        --menu-trigger-button-text-special: white;
        --back-button: white;
        --back-button-text:var(--fill-1);
        --menu-background: black;
        --menu-branding: ;
        --menu-branding-logo: white;
        --menu-category: white;
        --menu-regular-button: var(--fill-1);
        --menu-regular-button-icon: var(--pink-decorated-background);
        --menu-regular-button-text: var(--light-grey);
        --menu-special-button: var(--pink-decorated-background);
        --menu-special-button-icon: white;
        --menu-special-button-text: white;
        --menu-copyright-text: white;
        
        /* text */
        --main-font: montserrat;
        --unruly-font: bowly one sc;
        --main-font-size: 15px;
        --font-size-title: 30px;
        --border-radius: 20px;
        
        /* miscellaneous */
        --btn-1-background: var(--fill-1);
        --btn-1-text-color: var(--light-grey);
        --btn-1-text-background: ;
        
        --btn-1s-background : linear-gradient(-230deg, #ff5100, #ff00bf);
        --btn-1s-text-background: ;
        --btn-1s-text-color: white;
        --btn-1s-text-background-clip: ;
        
        --box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        --box-shadow-only-in-light-mode: none;    
        --text-shadow: 0 0 40px rgba(0, 0, 0, .5);
}