/* Material Design 3 Complete Theme System */
/* Full color schemes for 8 predefined themes */
/* Each theme includes all MD3 color tokens for light and dark modes */

/* ========== Purple Theme (Default) ========== */
:root[data-theme-color="purple"] {
    /* Primary */
    --md-sys-color-primary: #712cf9;
    --md-sys-color-on-primary: #ffffff;
    --md-sys-color-primary-container: #e3d9ff;
    --md-sys-color-on-primary-container: #21005e;

    /* Secondary */
    --md-sys-color-secondary: #6528e0;
    --md-sys-color-secondary-container: #e8ddff;
    --md-sys-color-on-secondary: #ffffff;
    --md-sys-color-on-secondary-container: #1d006c;

    /* Tertiary */
    --md-sys-color-tertiary: #7d5260;
    --md-sys-color-tertiary-container: #ffd9e3;
    --md-sys-color-on-tertiary: #ffffff;
    --md-sys-color-on-tertiary-container: #31101d;

    /* Surface & Background */
    --md-sys-color-surface: #fef7ff;
    --md-sys-color-surface-variant: #e7e0ec;
    --md-sys-color-on-surface: #1d1b20;
    --md-sys-color-on-surface-variant: #49454f;
    --md-sys-color-background: #fef7ff;
    --md-sys-color-on-background: #1d1b20;

    /* Outline & Other */
    --md-sys-color-outline: #79747e;
    --md-sys-color-outline-variant: #c9c5d0;
    --md-sys-color-surface-tint: #712cf9;
}

[data-bs-theme="dark"][data-theme-color="purple"] {
    --md-sys-color-primary: #cfbdff;
    --md-sys-color-on-primary: #3a00a0;
    --md-sys-color-primary-container: #5914d8;
    --md-sys-color-on-primary-container: #e9ddff;

    --md-sys-color-secondary: #cfc0ff;
    --md-sys-color-secondary-container: #4d0ccc;
    --md-sys-color-on-secondary: #340099;
    --md-sys-color-on-secondary-container: #e7deff;

    --md-sys-color-tertiary: #efb8c8;
    --md-sys-color-tertiary-container: #633b48;
    --md-sys-color-on-tertiary: #492532;
    --md-sys-color-on-tertiary-container: #ffd9e3;

    --md-sys-color-surface: #141218;
    --md-sys-color-surface-variant: #49454f;
    --md-sys-color-on-surface: #e6e1e9;
    --md-sys-color-on-surface-variant: #cac4cf;
    --md-sys-color-background: #141218;
    --md-sys-color-on-background: #e6e1e9;

    --md-sys-color-outline: #948f99;
    --md-sys-color-outline-variant: #49454f;
    --md-sys-color-surface-tint: #cfbdff;
}

/* ========== Blue Theme ========== */
:root[data-theme-color="blue"] {
    --md-sys-color-primary: #1976d2;
    --md-sys-color-on-primary: #ffffff;
    --md-sys-color-primary-container: #d3e4fd;
    --md-sys-color-on-primary-container: #001c38;

    --md-sys-color-secondary: #0d47a1;
    --md-sys-color-secondary-container: #c5d9f5;
    --md-sys-color-on-secondary: #ffffff;
    --md-sys-color-on-secondary-container: #001633;

    --md-sys-color-tertiary: #4b636e;
    --md-sys-color-tertiary-container: #cfe5f2;
    --md-sys-color-on-tertiary: #ffffff;
    --md-sys-color-on-tertiary-container: #071e26;

    --md-sys-color-surface: #f8fbff;
    --md-sys-color-surface-variant: #dfe3ea;
    --md-sys-color-on-surface: #1a1c1e;
    --md-sys-color-on-surface-variant: #43474e;
    --md-sys-color-background: #f8fbff;
    --md-sys-color-on-background: #1a1c1e;

    --md-sys-color-outline: #73777f;
    --md-sys-color-outline-variant: #c3c7cf;
    --md-sys-color-surface-tint: #1976d2;
}

[data-bs-theme="dark"][data-theme-color="blue"] {
    --md-sys-color-primary: #a8c7fa;
    --md-sys-color-on-primary: #003258;
    --md-sys-color-primary-container: #004a77;
    --md-sys-color-on-primary-container: #d3e4fd;

    --md-sys-color-secondary: #adc6ff;
    --md-sys-color-secondary-container: #002d6b;
    --md-sys-color-on-secondary: #002952;
    --md-sys-color-on-secondary-container: #c5d9f5;

    --md-sys-color-tertiary: #b1cbd9;
    --md-sys-color-tertiary-container: #344955;
    --md-sys-color-on-tertiary: #1d343c;
    --md-sys-color-on-tertiary-container: #cfe5f2;

    --md-sys-color-surface: #111418;
    --md-sys-color-surface-variant: #43474e;
    --md-sys-color-on-surface: #e1e2e8;
    --md-sys-color-on-surface-variant: #c3c7cf;
    --md-sys-color-background: #111418;
    --md-sys-color-on-background: #e1e2e8;

    --md-sys-color-outline: #8d9199;
    --md-sys-color-outline-variant: #43474e;
    --md-sys-color-surface-tint: #a8c7fa;
}

/* ========== Green Theme ========== */
:root[data-theme-color="green"] {
    --md-sys-color-primary: #2e7d32;
    --md-sys-color-on-primary: #ffffff;
    --md-sys-color-primary-container: #c8e6c9;
    --md-sys-color-on-primary-container: #0d5302;

    --md-sys-color-secondary: #388e3c;
    --md-sys-color-secondary-container: #d4ecd4;
    --md-sys-color-on-secondary: #ffffff;
    --md-sys-color-on-secondary-container: #0a5d0a;

    --md-sys-color-tertiary: #546e57;
    --md-sys-color-tertiary-container: #d7edd9;
    --md-sys-color-on-tertiary: #ffffff;
    --md-sys-color-on-tertiary-container: #132016;

    --md-sys-color-surface: #f8fdf8;
    --md-sys-color-surface-variant: #dee5dd;
    --md-sys-color-on-surface: #1a1c1a;
    --md-sys-color-on-surface-variant: #424940;
    --md-sys-color-background: #f8fdf8;
    --md-sys-color-on-background: #1a1c1a;

    --md-sys-color-outline: #72796f;
    --md-sys-color-outline-variant: #c2c9c1;
    --md-sys-color-surface-tint: #2e7d32;
}

[data-bs-theme="dark"][data-theme-color="green"] {
    --md-sys-color-primary: #81c784;
    --md-sys-color-on-primary: #003a00;
    --md-sys-color-primary-container: #005005;
    --md-sys-color-on-primary-container: #c8e6c9;

    --md-sys-color-secondary: #a3d9a5;
    --md-sys-color-secondary-container: #1e5223;
    --md-sys-color-on-secondary: #0e4411;
    --md-sys-color-on-secondary-container: #d4ecd4;

    --md-sys-color-tertiary: #bbd1be;
    --md-sys-color-tertiary-container: #3d5540;
    --md-sys-color-on-tertiary: #23372a;
    --md-sys-color-on-tertiary-container: #d7edd9;

    --md-sys-color-surface: #111411;
    --md-sys-color-surface-variant: #424940;
    --md-sys-color-on-surface: #e1e3e0;
    --md-sys-color-on-surface-variant: #c2c9c1;
    --md-sys-color-background: #111411;
    --md-sys-color-on-background: #e1e3e0;

    --md-sys-color-outline: #8c9389;
    --md-sys-color-outline-variant: #424940;
    --md-sys-color-surface-tint: #81c784;
}

/* ========== Red Theme ========== */
:root[data-theme-color="red"] {
    --md-sys-color-primary: #d32f2f;
    --md-sys-color-on-primary: #ffffff;
    --md-sys-color-primary-container: #ffcdd2;
    --md-sys-color-on-primary-container: #410002;

    --md-sys-color-secondary: #c62828;
    --md-sys-color-secondary-container: #ffd7d9;
    --md-sys-color-on-secondary: #ffffff;
    --md-sys-color-on-secondary-container: #3c0003;

    --md-sys-color-tertiary: #775652;
    --md-sys-color-tertiary-container: #ffd9d4;
    --md-sys-color-on-tertiary: #ffffff;
    --md-sys-color-on-tertiary-container: #2c1512;

    --md-sys-color-surface: #fffbff;
    --md-sys-color-surface-variant: #f5dddb;
    --md-sys-color-on-surface: #201a19;
    --md-sys-color-on-surface-variant: #534341;
    --md-sys-color-background: #fffbff;
    --md-sys-color-on-background: #201a19;

    --md-sys-color-outline: #857371;
    --md-sys-color-outline-variant: #d8c2bf;
    --md-sys-color-surface-tint: #d32f2f;
}

[data-bs-theme="dark"][data-theme-color="red"] {
    --md-sys-color-primary: #ffb4ab;
    --md-sys-color-on-primary: #690005;
    --md-sys-color-primary-container: #93000a;
    --md-sys-color-on-primary-container: #ffcdd2;

    --md-sys-color-secondary: #ffb3b6;
    --md-sys-color-secondary-container: #8c0008;
    --md-sys-color-on-secondary: #660006;
    --md-sys-color-on-secondary-container: #ffd7d9;

    --md-sys-color-tertiary: #e7bdb7;
    --md-sys-color-tertiary-container: #5d3f3b;
    --md-sys-color-on-tertiary: #442926;
    --md-sys-color-on-tertiary-container: #ffd9d4;

    --md-sys-color-surface: #181211;
    --md-sys-color-surface-variant: #534341;
    --md-sys-color-on-surface: #ede0de;
    --md-sys-color-on-surface-variant: #d8c2bf;
    --md-sys-color-background: #181211;
    --md-sys-color-on-background: #ede0de;

    --md-sys-color-outline: #a08c8a;
    --md-sys-color-outline-variant: #534341;
    --md-sys-color-surface-tint: #ffb4ab;
}

/* ========== Orange Theme ========== */
:root[data-theme-color="orange"] {
    --md-sys-color-primary: #f57c00;
    --md-sys-color-on-primary: #ffffff;
    --md-sys-color-primary-container: #ffe0b2;
    --md-sys-color-on-primary-container: #3e2723;

    --md-sys-color-secondary: #e65100;
    --md-sys-color-secondary-container: #ffd7c3;
    --md-sys-color-on-secondary: #ffffff;
    --md-sys-color-on-secondary-container: #331600;

    --md-sys-color-tertiary: #6c5d3f;
    --md-sys-color-tertiary-container: #f4e0c4;
    --md-sys-color-on-tertiary: #ffffff;
    --md-sys-color-on-tertiary-container: #251a06;

    --md-sys-color-surface: #fffbff;
    --md-sys-color-surface-variant: #efdecd;
    --md-sys-color-on-surface: #1f1b16;
    --md-sys-color-on-surface-variant: #4f4539;
    --md-sys-color-background: #fffbff;
    --md-sys-color-on-background: #1f1b16;

    --md-sys-color-outline: #817568;
    --md-sys-color-outline-variant: #d3c3b2;
    --md-sys-color-surface-tint: #f57c00;
}

[data-bs-theme="dark"][data-theme-color="orange"] {
    --md-sys-color-primary: #ffcc80;
    --md-sys-color-on-primary: #4e2600;
    --md-sys-color-primary-container: #6f3800;
    --md-sys-color-on-primary-container: #ffe0b2;

    --md-sys-color-secondary: #ffb68c;
    --md-sys-color-secondary-container: #a03400;
    --md-sys-color-on-secondary: #5a1f00;
    --md-sys-color-on-secondary-container: #ffd7c3;

    --md-sys-color-tertiary: #d7c5a7;
    --md-sys-color-tertiary-container: #52442a;
    --md-sys-color-on-tertiary: #3c301a;
    --md-sys-color-on-tertiary-container: #f4e0c4;

    --md-sys-color-surface: #171310;
    --md-sys-color-surface-variant: #4f4539;
    --md-sys-color-on-surface: #ebe1d9;
    --md-sys-color-on-surface-variant: #d3c3b2;
    --md-sys-color-background: #171310;
    --md-sys-color-on-background: #ebe1d9;

    --md-sys-color-outline: #9c8f81;
    --md-sys-color-outline-variant: #4f4539;
    --md-sys-color-surface-tint: #ffcc80;
}

/* ========== Pink Theme ========== */
:root[data-theme-color="pink"] {
    --md-sys-color-primary: #c2185b;
    --md-sys-color-on-primary: #ffffff;
    --md-sys-color-primary-container: #f8bbd0;
    --md-sys-color-on-primary-container: #3e001f;

    --md-sys-color-secondary: #ad1457;
    --md-sys-color-secondary-container: #ffc1d9;
    --md-sys-color-on-secondary: #ffffff;
    --md-sys-color-on-secondary-container: #31001d;

    --md-sys-color-tertiary: #7e5260;
    --md-sys-color-tertiary-container: #ffd9e3;
    --md-sys-color-on-tertiary: #ffffff;
    --md-sys-color-on-tertiary-container: #31111d;

    --md-sys-color-surface: #fff8f9;
    --md-sys-color-surface-variant: #f2dde2;
    --md-sys-color-on-surface: #201a1b;
    --md-sys-color-on-surface-variant: #514347;
    --md-sys-color-background: #fff8f9;
    --md-sys-color-on-background: #201a1b;

    --md-sys-color-outline: #837377;
    --md-sys-color-outline-variant: #d6c2c6;
    --md-sys-color-surface-tint: #c2185b;
}

[data-bs-theme="dark"][data-theme-color="pink"] {
    --md-sys-color-primary: #f48fb1;
    --md-sys-color-on-primary: #5e1133;
    --md-sys-color-primary-container: #7d2449;
    --md-sys-color-on-primary-container: #f8bbd0;

    --md-sys-color-secondary: #ffb0c9;
    --md-sys-color-secondary-container: #78104a;
    --md-sys-color-on-secondary: #560a35;
    --md-sys-color-on-secondary-container: #ffc1d9;

    --md-sys-color-tertiary: #e6b9c6;
    --md-sys-color-tertiary-container: #643b48;
    --md-sys-color-on-tertiary: #4a2532;
    --md-sys-color-on-tertiary-container: #ffd9e3;

    --md-sys-color-surface: #181213;
    --md-sys-color-surface-variant: #514347;
    --md-sys-color-on-surface: #ece0e1;
    --md-sys-color-on-surface-variant: #d6c2c6;
    --md-sys-color-background: #181213;
    --md-sys-color-on-background: #ece0e1;

    --md-sys-color-outline: #9f8c91;
    --md-sys-color-outline-variant: #514347;
    --md-sys-color-surface-tint: #f48fb1;
}

/* ========== Teal Theme ========== */
:root[data-theme-color="teal"] {
    --md-sys-color-primary: #00796b;
    --md-sys-color-on-primary: #ffffff;
    --md-sys-color-primary-container: #b2dfdb;
    --md-sys-color-on-primary-container: #002020;

    --md-sys-color-secondary: #00695c;
    --md-sys-color-secondary-container: #9dd3ce;
    --md-sys-color-on-secondary: #ffffff;
    --md-sys-color-on-secondary-container: #001c1a;

    --md-sys-color-tertiary: #4e6361;
    --md-sys-color-tertiary-container: #d2e8e5;
    --md-sys-color-on-tertiary: #ffffff;
    --md-sys-color-on-tertiary-container: #0b1f1e;

    --md-sys-color-surface: #f5fffe;
    --md-sys-color-surface-variant: #dae5e3;
    --md-sys-color-on-surface: #191c1c;
    --md-sys-color-on-surface-variant: #3f4948;
    --md-sys-color-background: #f5fffe;
    --md-sys-color-on-background: #191c1c;

    --md-sys-color-outline: #6f7978;
    --md-sys-color-outline-variant: #bec9c7;
    --md-sys-color-surface-tint: #00796b;
}

[data-bs-theme="dark"][data-theme-color="teal"] {
    --md-sys-color-primary: #4db6ac;
    --md-sys-color-on-primary: #003735;
    --md-sys-color-primary-container: #00504b;
    --md-sys-color-on-primary-container: #b2dfdb;

    --md-sys-color-secondary: #7fccc6;
    --md-sys-color-secondary-container: #004d47;
    --md-sys-color-on-secondary: #00322f;
    --md-sys-color-on-secondary-container: #9dd3ce;

    --md-sys-color-tertiary: #b6ccc9;
    --md-sys-color-tertiary-container: #374a49;
    --md-sys-color-on-tertiary: #213533;
    --md-sys-color-on-tertiary-container: #d2e8e5;

    --md-sys-color-surface: #101414;
    --md-sys-color-surface-variant: #3f4948;
    --md-sys-color-on-surface: #dfe3e2;
    --md-sys-color-on-surface-variant: #bec9c7;
    --md-sys-color-background: #101414;
    --md-sys-color-on-background: #dfe3e2;

    --md-sys-color-outline: #899391;
    --md-sys-color-outline-variant: #3f4948;
    --md-sys-color-surface-tint: #4db6ac;
}

/* ========== Indigo Theme ========== */
:root[data-theme-color="indigo"] {
    --md-sys-color-primary: #303f9f;
    --md-sys-color-on-primary: #ffffff;
    --md-sys-color-primary-container: #c5cae9;
    --md-sys-color-on-primary-container: #001849;

    --md-sys-color-secondary: #3949ab;
    --md-sys-color-secondary-container: #d7daf5;
    --md-sys-color-on-secondary: #ffffff;
    --md-sys-color-on-secondary-container: #001551;

    --md-sys-color-tertiary: #4e5869;
    --md-sys-color-tertiary-container: #d5ddef;
    --md-sys-color-on-tertiary: #ffffff;
    --md-sys-color-on-tertiary-container: #0b1625;

    --md-sys-color-surface: #fafbff;
    --md-sys-color-surface-variant: #e1e2ec;
    --md-sys-color-on-surface: #1a1c1e;
    --md-sys-color-on-surface-variant: #45464f;
    --md-sys-color-background: #fafbff;
    --md-sys-color-on-background: #1a1c1e;

    --md-sys-color-outline: #757780;
    --md-sys-color-outline-variant: #c5c6d0;
    --md-sys-color-surface-tint: #303f9f;
}

[data-bs-theme="dark"][data-theme-color="indigo"] {
    --md-sys-color-primary: #9fa8da;
    --md-sys-color-on-primary: #002171;
    --md-sys-color-primary-container: #17328a;
    --md-sys-color-on-primary-container: #c5cae9;

    --md-sys-color-secondary: #b5bfff;
    --md-sys-color-secondary-container: #0b2586;
    --md-sys-color-on-secondary: #001e75;
    --md-sys-color-on-secondary-container: #d7daf5;

    --md-sys-color-tertiary: #b9c4d7;
    --md-sys-color-tertiary-container: #364050;
    --md-sys-color-on-tertiary: #232c3a;
    --md-sys-color-on-tertiary-container: #d5ddef;

    --md-sys-color-surface: #111318;
    --md-sys-color-surface-variant: #45464f;
    --md-sys-color-on-surface: #e2e2e9;
    --md-sys-color-on-surface-variant: #c5c6d0;
    --md-sys-color-background: #111318;
    --md-sys-color-on-background: #e2e2e9;

    --md-sys-color-outline: #8f9199;
    --md-sys-color-outline-variant: #45464f;
    --md-sys-color-surface-tint: #9fa8da;
}