:root {
    --c: #bbd5ee;
    --c2: #35379f;
    --c3: #0d6efd;
    --c4: #3d40b0;
    --c5: #003a9a;
    --c6: #3d40b0;
    --c7: #ffb400;
    --shadow1: #222020;
    --shadow2: #373f46;
    --shadow3: #8093a5;
    --highlight1: #f6f9fc;
    --highlight2: #e6eff8;
    --highlight3: #bbd5ee;
    --color1: linear-gradient(180deg,#4e73df 10%,#224abe 100%); /* lighter color from the theme */
    --color2: #2e51b6; /* darker color from the theme */
    --yellow: #d1d126;
    --blue: #63b3e9;
    --green: #64bb64;
    --red: #db2a2a;
    --purple: #e547a1;
    --muted: #d1d1d1;
    --color3: #4e73df;
}

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