:root {

    /* dark mode styles */
    --bgcolor-darkm: #333;
    --color-darkm: #bbb;
    --logo-color-darkm: white;
    --panel-color-darkm: #222;
    --hover-bg-color-darkm: #444;
    --button-border-radius-darkm: 10px;
    --button-border-darkm: 0px;
    --emphasis-color-darkm: #e76f3a;
    --bgcolor-a50-darkm: rgba(51, 51, 51, 0.5);
    --contrast-color-darkm: black;
    --contrast-color-a50-darkm: rgba(0, 0, 0, 0.5);
    --contrast-color-a25-darkm: rgba(0, 0, 0, 0.25);


    /*     
    --bgcolor-lightm: rgb(239, 252, 252);
    --color-lightm:black;
    --logo-color-lightm:black;
    --panel-color-lightm: #d3d3d3;
    --hover-bg-color-lightm:rgb(212, 216, 185);
    --button-border-radius-lightm: 10px;
    --button-border-lightm: 1px;
    --emphasis-color-lightm: #32cd32;
    --bgcolor-a50-lightm: rgba(239, 252, 252, 0.5);
    --contrast-color-lightm: white;
    --contrast-color-a50-lightm: rgba(255, 255, 255, 0.5);
    --contrast-color-a25-lightm: rgba(255, 255, 255, 0.25);
     */

    /* light mode styles TRENDY */

    --bgcolor-lightm: #dfdbca;
    --color-lightm: #382d02;
    --logo-color-lightm: black;
    --panel-color-lightm: #b1aa93;
    --hover-bg-color-lightm: rgb(212, 216, 185);
    --button-border-radius-lightm: 10px;
    --button-border-lightm: 1px;
    --emphasis-color-lightm: #e76f3a;
    --bgcolor-a50-lightm: rgba(239, 252, 252, 0.5);
    --contrast-color-lightm: white;
    --contrast-color-a50-lightm: rgba(255, 255, 255, 0.5);
    --contrast-color-a25-lightm: rgba(255, 255, 255, 0.25);






    /* These are set by code, but have to be set initially for some reason */
    /*Just make sure they are set to the same as dark mode.*/
    /* --color: #bbb;
    --bgcolor: #333;
    --logo-color: white;
    --panel-color: #222;
    --hover-bg-color: #444;
    --button-border-radius: 10px;
    --button-border: 0px;
    --emphasis-color: #ffd700;
    --bgcolor-a50: rgba(51, 51, 51, 0.5);
    --contrast-color: black;
    --contrast-color-a50: rgba(0, 0, 0, 0.5);
    --contrast-color-a25: rgba(0, 0, 0, 0.25); */



    /* These are set by code, but have to be set initially for some reason */
    /*Just make sure they are set to the same as light mode.*/
    --color: #382d02;
    --bgcolor: #dfdbca;
    --logo-color: black;
    --panel-color: #b1aa93;
    --hover-bg-color: rgb(212, 216, 185);
    --button-border-radius: 10px;
    --button-border: 1px;
    --emphasis-color: #e76f3a;
    --bgcolor-a50: rgba(239, 252, 252, 0.5);
    --contrast-color: white;
    --contrast-color-a50: rgba(255, 255, 255, 0.5);
    --contrast-color-a25: rgba(255, 255, 255, 0.25);






    /* general */
    --font-family: Tahoma, Geneva, sans-serif;
    --font-weight: normal;
    --border-radius: 10px;




}