@CHARSET "UTF-8";

:root {
    --maxwidth: 1400px;
    --gridwidth: 340px;
    --rounding: 6px;
    --playercolor: #252930;
}

@media (prefers-color-scheme: light) {
    
    :root {
        --backgroundcolor: #FFF;
        --headercolor: #161b26;
        --menuitem: #F1F1F1;
        --menuitem_hover: #ffca41;
        --shadowcolor: rgba(0,0,0,0.2);
        --ultralight: #fef3d8;
        --light: #ffda7a;
        --selectedcolor: #ffca41;
        
        --input_backgroundcolor: #FFF;

        --offwhite: rgba(0,0,0,0.02);
        --hoverwhite: rgba(0,0,0,0.2);
        --imageback: #e0e0e0;

        --linkcolor: #24f;
        --bordercolor: #1f23284b;
        --textcolor: #000;    
        --headertextcolor: #fff;
        --notificationtextcolor: #fff;
    }

}

@media (prefers-color-scheme: dark) {
    
    :root {
        --backgroundcolor: #000;
        --headercolor: #161b26;
        --menuitem: #F1F1F1;
        --menuitem_hover: #ffca41;
        --shadowcolor: rgba(0,0,0,0.2);
        --ultralight: #fef3d8;
        --light: #ffda7a;
        --selectedcolor: #ffca41;
        
        --input_backgroundcolor: #FFF;

        --offwhite: rgba(0,0,0,0.02);
        --hoverwhite: rgba(0,0,0,0.2);
        --imageback: #333333;

        --linkcolor: rgb(159, 159, 159);
        --bordercolor: rgba(188, 191, 196, 0.38);
        --textcolor: #fff;     
        --headertextcolor: #fff;
        --notificationtextcolor: #fff;
    }

}