:root{
    --site-background-color: #F3F3F3;
    --site-background-color-content: #FFFFFF;
    --site-color: #1A1A1A;
    --site-color-name: #000000;
    --site-color-corporate: #4FAE47;
    --site-color-corporate-hover: #338C36;
    --site-color-hidden: #BBBBBB;
    --site-color-gray: #F3F3F3;
    --site-color-gray-hover: #EBEBEB;
    --site-font-family-default: 'Roboto', sans-serif;
    --site-font-family-name: 'Bitter', serif;
    --site-font-size: 16px;
    --site-line-height: 1.6;
}
/*
@media (prefers-color-scheme: dark){
    :root{
        --site-background-color: #121212;
        --site-background-color-content: #181818;
        --site-color: #ffffffd9;
        --site-color-name: #f4f4f4;
        --site-color-corparate: #4FAE47;
        --site-color-hidden: #757575;
    }
}
*/
* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
body{
    background-color: var(--site-background-color);
    color: var(--site-color);
}
body, input, textarea, button, select, option{
    font-family: var(--site-font-family-default);
    font-size: var(--site-font-size);
    line-height: var(--site-line-height);
}