:root {
    color-scheme: light dark;
    --body-background: white;
    --color-text1: #000000;
    --color-text2: #646D80;
    --color-button: #ffffff;
    --color-gradient1: #FF7A00;
    --color-gradient2: #D40000;
    --color-header-bg: #181829;
    --color-site-bg: #ffffff;
    --color-label: #E8ECF5;
    --color-label-dark: #3A3A4D;
    --progress-bg: #D4DAE8;
    --article-separator: #E8ECF5;
    --banner-bg: #FFFFFF;
    --soderzhanie-bg: #F3F6FC;
    --soderzhanie-toggler: #f76100;
    --input-bg: white;
    --input-border: #E8ECF5;
    --subscribe-bg: transparent;
    --gradient: linear-gradient(180deg, var(--color-gradient1) 0%, var(--color-gradient2) 100%);
}


[dark] {
    --body-background: #292940;
    --color-text1: #eee;
    --color-text2: #D4DAE8;
    --color-button: #eee;
    --color-gradient1: #FF7A00;
    --color-gradient2: #D40000;
    --color-header-bg: #181829;
    --color-site-bg: #eee;
    --color-label: #3A3A4D;
    --color-label-dark: #3A3A4D;
    --progress-bg: #3A3A4D;
    --article-separator: #626D82;
    --banner-bg: #3A3A4D;
    --soderzhanie-bg: #3A3A4D;
    --soderzhanie-toggler: #eee;
    --input-bg: #333a4d;
    --input-border: #4e4e62;
    --subscribe-bg: #292940;
    --gradient: linear-gradient(180deg, var(--color-gradient1) 0%, var(--color-gradient2) 100%);
}

body[dark] img {
    filter: brightness(.8);
}