:root {
    --tab-bar-height:min(120px, 12vh);
    

    --theme-dark:#020202;
    --theme-gray-1:#747474;
    --theme-gray-2:#cccccc;
    --theme-color-1:#D87800;

    --theme-light:#FCFAF1;
    --theme-light-1:#D8D8D8;
    --tab-active-bg:#191919;

    --button-color-dark: var(--theme-dark);
    --button-color-light: var(--theme-light);


    --tab-bg: var(--theme-dark);
    --tab-color: var(--theme-gray-1);
    --tab-seperator-color: var(--theme-gray-2);

    --font-body: "Montserrat";
    --font-button: "DIN";
    --font-h1: "DIN";
    --font-accent: "DIN";
    --tab-bar-font:var(--font-body);

    --modal-open-time: 0.4s;
    

    --h1-size: 24px;
    --h2-size: 16px;
    --h3-size: 16px;
    --h4-size: 16px;

    --p-size: 12px;
    --button-size: 16px;

    --title-bar-height:64px;
    --modal-radius:30px;

}