:root {
    --color-white: #f5f5f5;
    --color-text: #272727;
    --color-text-reverse: #f5f5f5;
    --public-header: 70px;

    --color-background: #282828;

    --color-primary: #fff;

    --color-lighter: rgba(255, 255, 255, 0.37);
    --color-darker: rgba(0, 0, 0, .1);

    --button-radius: 5px;
    --button-color: #0b6edd;
    --button-background-color: var(--color-white);
    --button-font-size: 20px;
}

:root {
    --size-header-lg: 70px;
    --size-sidebar-lg: 300px;
}

:root {
    --size-header-md: 321px;
    --size-sidebar-md: 321px;
}

:root {
    --size-header-sm: 321px;
    --size-sidebar-sm: 321px;
}