[theme=light] {
    --bg-color: #ffffff;
    --text-color: #000000;

    --text-color--cookie: #6B5500;
    --bg-color--cookie: #e3b300;
    --bg-color--cookie--btn: #e6b800;

    --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

    --bg-color--alpha: 0.85;
    --bg-color--alpha-2: 0.95;

    --text-color--alpha: 0.85;

    --bg-color--rgb: 255, 255, 255;
    --text-color--rgb: 0, 0, 0;

    --highlight-color: #00ca8b;


    --invert: 0; /* if prefers-color-scheme: light */
}

[theme=dark] {
    --bg-color: #000000;
    --text-color: #ffffff;

    --text-color--cookie: #ffcc00;
    --bg-color--cookie: #ffcc00;
    --bg-color--cookie--btn: #e6b800;

    --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

    --bg-color--alpha: 0.75;
    --text-color--alpha: 0.75;

    --bg-color--alpha-2: 0.75;

    --bg-color--rgb: 0, 0, 0;
    --text-color--rgb: 255, 255, 255;

    --highlight-color: #00dc94;

    --invert: 1; /* if prefers-color-scheme: dark */
}