: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%);
        --blue: #470000;
        --pink-decorated-background: linear-gradient(-230deg, #ff5100, #ff00bf);
        
        /* background */
        --background-color: var(--blue);
        --background-image: none;
        
        /* Menu */
        --menu-trigger-button-background: white;
        --menu-trigger-button-text: var(--blue);
        --menu-trigger-button-separator: var(--fill-1);
        --menu-trigger-button-text-special: var(--blue);
        --back-button-background: white;
        --back-button-text:var(--blue);
        --menu-background: var(--blue);
        --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;
        
        /* text */
        --main-font: montserrat;
        --unruly-font: bowly one sc;
        --root-font-size: 16px;
        --main-font-size: var(--root-font-size);
        --font-size-title: 2rem;
        --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);
}