/* Catppuccin Macchiato (Dark) and Latte (Light) Theme Variables */
:root {
    /* Latte (Light) Theme */
    --latte-rosewater: #dc8a78;
    --latte-flamingo: #dd7878;
    --latte-pink: #ea76cb;
    --latte-pink-rgb: 234, 118, 203;
    --latte-mauve: #8839ef;
    --latte-mauve-rgb: 136, 57, 239;
    --latte-red: #d20f39;
    --latte-red-rgb: 210, 15, 57;
    --latte-maroon: #e64553;
    --latte-peach: #fe640b;
    --latte-peach-rgb: 254, 100, 11;
    --latte-yellow: #df8e1d;
    --latte-green: #40a02b;
    --latte-teal: #179299;
    --latte-teal-rgb: 23, 146, 153;
    --latte-sky: #04a5e5;
    --latte-sapphire: #209fb5;
    --latte-blue: #1e66f5;
    --latte-blue-rgb: 30, 102, 245;
    --latte-lavender: #7287fd;
    --latte-text: #4c4f69;
    --latte-text-rgb: 76, 79, 105;
    --latte-subtext1: #5c5f77;
    --latte-subtext0: #6c6f85;
    --latte-overlay2: #7c7f93;
    --latte-overlay1: #8c8fa1;
    --latte-overlay0: #9ca0b0;
    --latte-overlay0-rgb: 156, 160, 176;
    --latte-surface2: #acb0be;
    --latte-surface1: #bcc0cc;
    --latte-surface1-rgb: 188, 192, 204;
    --latte-surface0: #ccd0da;
    --latte-surface0-rgb: 204, 208, 218;
    --latte-base: #eff1f5;
    --latte-base-rgb: 239, 241, 245;
    --latte-mantle: #e6e9ef;
    --latte-mantle-rgb: 230, 233, 239;
    --latte-crust: #dce0e8;

    /* Macchiato (Dark) Theme */
    --macchiato-rosewater: #f4dbd6;
    --macchiato-flamingo: #f0c6c6;
    --macchiato-pink: #f5bde6;
    --macchiato-pink-rgb: 245, 189, 230;
    --macchiato-mauve: #c6a0f6;
    --macchiato-mauve-rgb: 198, 160, 246;
    --macchiato-red: #ed8796;
    --macchiato-red-rgb: 237, 135, 150;
    --macchiato-maroon: #ee99a0;
    --macchiato-peach: #f5a97f;
    --macchiato-peach-rgb: 245, 169, 127;
    --macchiato-yellow: #eed49f;
    --macchiato-green: #a6da95;
    --macchiato-teal: #8bd5ca;
    --macchiato-teal-rgb: 139, 213, 202;
    --macchiato-sky: #91d7e3;
    --macchiato-sapphire: #7dc4e4;
    --macchiato-blue: #8aadf4;
    --macchiato-blue-rgb: 138, 173, 244;
    --macchiato-lavender: #b7bdf8;
    --macchiato-text: #cad3f5;
    --macchiato-text-rgb: 202, 211, 245;
    --macchiato-subtext1: #b8c0e0;
    --macchiato-subtext0: #a5adcb;
    --macchiato-overlay2: #939ab7;
    --macchiato-overlay1: #8087a2;
    --macchiato-overlay0: #6e738d;
    --macchiato-overlay0-rgb: 110, 115, 141;
    --macchiato-surface2: #5b6078;
    --macchiato-surface1: #494d64;
    --macchiato-surface1-rgb: 73, 77, 100;
    --macchiato-surface0: #363a4f;
    --macchiato-surface0-rgb: 54, 58, 79;
    --macchiato-base: #24273a;
    --macchiato-base-rgb: 36, 39, 58;
    --macchiato-mantle: #1e2030;
    --macchiato-mantle-rgb: 30, 32, 48;
    --macchiato-crust: #181926;

    /* Default to dark theme */
    --rosewater: var(--macchiato-rosewater);
    --flamingo: var(--macchiato-flamingo);
    --pink: var(--macchiato-pink);
    --pink-rgb: var(--macchiato-pink-rgb);
    --mauve: var(--macchiato-mauve);
    --mauve-rgb: var(--macchiato-mauve-rgb);
    --red: var(--macchiato-red);
    --red-rgb: var(--macchiato-red-rgb);
    --maroon: var(--macchiato-maroon);
    --peach: var(--macchiato-peach);
    --peach-rgb: var(--macchiato-peach-rgb);
    --yellow: var(--macchiato-yellow);
    --green: var(--macchiato-green);
    --teal: var(--macchiato-teal);
    --teal-rgb: var(--macchiato-teal-rgb);
    --sky: var(--macchiato-sky);
    --sapphire: var(--macchiato-sapphire);
    --blue: var(--macchiato-blue);
    --blue-rgb: var(--macchiato-blue-rgb);
    --lavender: var(--macchiato-lavender);
    --text: var(--macchiato-text);
    --text-rgb: var(--macchiato-text-rgb);
    --subtext1: var(--macchiato-subtext1);
    --subtext0: var(--macchiato-subtext0);
    --overlay2: var(--macchiato-overlay2);
    --overlay1: var(--macchiato-overlay1);
    --overlay0: var(--macchiato-overlay0);
    --overlay0-rgb: var(--macchiato-overlay0-rgb);
    --surface2: var(--macchiato-surface2);
    --surface1: var(--macchiato-surface1);
    --surface1-rgb: var(--macchiato-surface1-rgb);
    --surface0: var(--macchiato-surface0);
    --surface0-rgb: var(--macchiato-surface0-rgb);
    --base: var(--macchiato-base);
    --base-rgb: var(--macchiato-base-rgb);
    --mantle: var(--macchiato-mantle);
    --mantle-rgb: var(--macchiato-mantle-rgb);
    --crust: var(--macchiato-crust);
}

/* Light theme class */
body.light-theme {
    --rosewater: var(--latte-rosewater);
    --flamingo: var(--latte-flamingo);
    --pink: var(--latte-pink);
    --pink-rgb: var(--latte-pink-rgb);
    --mauve: var(--latte-mauve);
    --mauve-rgb: var(--latte-mauve-rgb);
    --red: var(--latte-red);
    --red-rgb: var(--latte-red-rgb);
    --maroon: var(--latte-maroon);
    --peach: var(--latte-peach);
    --peach-rgb: var(--latte-peach-rgb);
    --yellow: var(--latte-yellow);
    --green: var(--latte-green);
    --teal: var(--latte-teal);
    --teal-rgb: var(--latte-teal-rgb);
    --sky: var(--latte-sky);
    --sapphire: var(--latte-sapphire);
    --blue: var(--latte-blue);
    --blue-rgb: var(--latte-blue-rgb);
    --lavender: var(--latte-lavender);
    --text: var(--latte-text);
    --text-rgb: var(--latte-text-rgb);
    --subtext1: var(--latte-subtext1);
    --subtext0: var(--latte-subtext0);
    --overlay2: var(--latte-overlay2);
    --overlay1: var(--latte-overlay1);
    --overlay0: var(--latte-overlay0);
    --overlay0-rgb: var(--latte-overlay0-rgb);
    --surface2: var(--latte-surface2);
    --surface1: var(--latte-surface1);
    --surface1-rgb: var(--latte-surface1-rgb);
    --surface0: var(--latte-surface0);
    --surface0-rgb: var(--latte-surface0-rgb);
    --base: var(--latte-base);
    --base-rgb: var(--latte-base-rgb);
    --mantle: var(--latte-mantle);
    --mantle-rgb: var(--latte-mantle-rgb);
    --crust: var(--latte-crust);
}