:root {
        /*Layout coloring*/
        --header-background: #ffffff;
        --header-foreground: #0a220b;
        --body-background: #f8f8f8;
        --body-foreground: #0a220b;
        --content-background: #ffffff;
        --content-foreground: #0a220b;
        --footer-background: #ffffff;
        --footer-foreground: #0a220b;

                --footer-background-RGB: 255, 255, 255;
            
        /*Component coloring*/
        --accent-background: #000000;
        --accent-foreground: #ffffff;
        --focused-background: #0a220b;
        --focused-foreground: #ffffff;
        /*Focus border style*/
        --focus-border-width:1px;
        --focus-border-color:#e8e8e8;
        --focus-border-radius:3px;
        --disabled-background: #000000;
        --disabled-foreground: #ffffff;
        --hover-background: #0a220b;
        --hover-foreground: #fffefe;
        /*State coloring*/
        --error-color: #3d0505;
        --success-color: #001f10;
        /*List & tables*/
        --slot-available-background: #ffffff;
        --slot-available-foreground: #000000;
        --slot-unavailable-background: #dcdcdc;
        --slot-unavailable-foreground: #000000;
        /*Text properties*/
        --text-font-family: Post Grotesk;
        --h1-size: 1.777rem;
        --h2-size: 1.333rem;
        --h3-size: 1rem;
        --h4-size: 0.75rem;
        --extra-large-text-size: 2.396rem;
        --large-text-size: 1.777rem;
        --medium-text-size: 1.333rem;
        --normal-text-size: 1rem;
        --small-text-size: 0.75rem;

        /*component border style*/
        --accent-border-width: 2px;
        --accent-border-color: #000000;
        --accent-border-radius: 0px;

        /*inactive border style*/
        --disable-border-color: #e9e9e9;
        --disable-border-width: 1px;
        --disable-border-radius: 2px;

        /*mouse cursor border style*/
        --hover-border-color: #000000;
        --hover-border-radius: 3px;
        --hover-border-width: 1px;
    }