:root {
    --text: #222;
    --text-second: #777;
    --system: #2D3945;
    --system-sec: #2D3945;
    --system-d: #C10016;
    --btn-text: #FFF;
    --always-white: #FFF;
    --tab-selected: #FFF;
    
    --tab-color-safety: #2D3945;
    --tab-color-quality: #FF4923;
    --tab-color-environment: #30A57D;

    --bg: #FFF;
    --bg-view: #FFF;
    --bg-view-hover: #F8F8F6;
    --bg-warn: #F1C40F;
    --input-bg: #FFF;
    --light-bg: #F8F8F6;
    --grey-bg: #E8E8E8;
    --shroud: rgba(0, 0, 0, 0.5);
    --darken: inset 0 0 100em 100em transparent;
    
    --border: #FF4923;
    --border-sec: rgba(0, 0, 0, 0.05);
    
    --item-bottom: #CCC;
    
    --img-loader: url('/tasksapp/30d8-lapti/img/ajax-loader.svg');
}

@media (prefers-color-scheme: dark) {
    :root {
        --text: #EEE;
        --text-second: #777;
        --bg: #2D3945;
        --bg-warn: #F39C12;
        --bg-view: #2D3945;
        --bg-view-hover: #2D3945;
        --input-bg: #2D3945;
        --light-bg: #2D3945;
        --grey-bg: #2D3945;
        --darken: inset 0 0 100em 100em rgba(0, 0, 0, 0.3);
        
        --border-sec: rgba(255, 255, 255, 0.05);
        
        --item-bottom: #444;
    }
}