:root {
    --shadow1: var(--gray-900);
    --shadow2: var(--gray-800);
    --shadow3: var(--gray-700);
    --highlight1: var(--gray-200);
    --highlight2: var(--gray-300);
    --highlight3: var(--gray-400);
    --color1: linear-gradient(180deg, var(--primary-800) 10%, var(--primary-500)  100%); /* lighter color from the theme */
    --color2: var(--primary); /* darker color from the theme */
    --yellow: #d1d126;
    --blue: #63b3e9;
    --green: #64bb64;
    --red: #db2a2a;
    --purple: #e547a1;
    --muted: #eaecf4;
    --color3: var(--primary-700);
    --shade1: var(--primary-900);
    --shade2: var(--primary-200);
    --shade3: var(--primary-100);
    --gradient-text: radial-gradient(ellipse farthest-corner at center center, var(--primary-600) 0%, #e547a1 100%);
}

/* @media (prefers-color-scheme: dark) {
    :root {
        --shadow1: #fff;
        --shadow2: #dbdbdb;
        --shadow3: #bdbdbd;
        --highlight1: #222020;
        --highlight2: #292525;
        --highlight3: #323133;
        --muted: #403f41;
        --color1: linear-gradient(180deg,#7822be 10%,#4b2e64 100%);
        --color2: #fce6fc;
        --color3: #f5c9f8;
        --shade1: #4b2e64;
        --shade2: #473355;
        --shade3: #34223d;
        --yellow: #d1d126;
        --blue: #63b3e9;
        --green: #64bb64;
        --red: #f77575;
        --gradient-text: radial-gradient(ellipse farthest-corner at center center, #b98b2e 0%, #d1d126 100%);
    }
} */