:root {
    --c: #bbd5ee;
    --c2: #50C878;
    --c3: #74e69a;
    --c4: #3cbd67;
    --c5: #3bb363;
    --c6: #28924b;
    --c7: #ffb400;
    --shadow1: #222020;
    --shadow2: #615959;
    --shadow3: #949494;
    --highlight1: #fff;
    --highlight2: #dbdbdb;
    --highlight3: #bdbdbd;
    --color1: linear-gradient(180deg,#74e69a 10%,#50C878 100%); /* lighter color from the theme */
    --color2: #50C878; /* darker color from the theme */
    --yellow: #d1d126;
    --blue: #63b3e9;
    --green: #64bb64;
    --red: #db2a2a;
    --purple: #e547a1;
    --muted: #d1d1d1;
    --color3: #74e69a;
    --lightgreen: #DAF6CB;
    --screen: rgba(218, 246, 203, 0.699);
}

body.dark-theme {
    --shadow1: #fff;
    --shadow2: #dbdbdb;
    --shadow3: #bdbdbd;
    --highlight1: #222020;
    --highlight2: #292525;
    --highlight3: #323133;
}