:root {
    /* Default Theme */
    --primary-color: #50C878;
    --secondary-bg: #E0E6E9;
    --primary-btn-hover: #4CAF50;
    --accent-hover: #388E3C;
    --text-primary: #222222;
    --text-secondary: #FFFFFF;
    --text-white: #FFFFFF;
    --text-muted: #AAAAAA;
    --border-light: #D3D3D3;
    --border-green: #A8D8B0;
    --capability-bg: #F6FCF8;
    --footer-bg: #555555;
    --image-placeholder: #6C7A89;
    --light-green-bg: #F8FDF8;
    --scroll-bar: #50C878;
    --scroll-bar-track: #d8d8d8;
    --header-bg: #0F1C2C;
    --hero-bg: #747D86;
    --footer-bg: #4B4B4B;
    --border-footer: #A8A8A8;
    --card-bg: #FFFFFF;
}

/* Cool Theme */
[data-theme="cool"] {
    --primary-color: #2AB2FA;
    --secondary-bg: #E0E6E9;
    --primary-btn-hover: #2AB2FA;
    --accent-hover: #3ab3f4;
    --text-primary: #222222;
    --text-secondary: #FFFFFF;
    --text-white: #FFFFFF;
    --text-muted: #AAAAAA;
    --border-light: #D3D3D3;
    --border-green: #87d1f8;
    --capability-bg: #c5e9fd;
    --footer-bg: #555555;
    --image-placeholder: #6C7A89;
    --light-green-bg: #F8FDF8;
    --scroll-bar: #2AB2FA;
    --scroll-bar-track: #d8d8d8;
    --header-bg: #0F1C2C;
    --hero-bg: #747D86;
    --footer-bg: #4B4B4B;
    --border-footer: #A8A8A8;
    --card-bg: #FFFFFF;
}

/* Dark Theme */
[data-theme="dark"] {
    --primary-color: #5787b9;
    --accent-hover: rgb(99, 166, 239);
    --header-bg: #1a1a1a;
    --text-dark: #ffffff;
    --text-primary: #ffffff;
    --color-bg-primary: #222222;
    --color-bg-secondary: #333333;
    --color-bg-light: #444444;
    --hero-bg: #2a2a2a;
    --capability-bg: #000000;
    --footer-bg: #1a1a1a;
    --scroll-bar: #5787b9;
    --scroll-bar-track: #d8d8d8;
    --color-text-primary: #ffffff;
    --color-text-secondary: #adb5bd;
    --color-text-light: #adb5bd;
    --color-text-white: #ffffff;
    --color-border: #495057;
    --color-border-dark: #ffffff;
    --gray-border: #666666;
    --color-shadow: rgba(0, 0, 0, 0.3);
    --bg-dark-gray: #000;
    --bg-dark-gray-2: #232323;
    --dark-text: #000;
    --bg-mute-light: #707070;
    --card-bg: #505050;
}

/* Green Theme */

[data-theme="green"] {
    --primary-color: #4CAF50;
    --secondary-bg: #E0E6E9;
    --primary-btn-hover: #56d25a;
    --accent-hover: #388E3C;
    --text-primary: #222222;
    --text-secondary: #FFFFFF;
    --text-white: #FFFFFF;
    --text-muted: #AAAAAA;
    --border-light: #D3D3D3;
    --border-green: #88bc89;
    --capability-bg: #E6F5E6;
    --footer-bg: #555555;
    --image-placeholder: #6C7A89;
    --light-green-bg: #F8FDF8;
    --scroll-bar: #4CAF50;
    --scroll-bar-track: #d8d8d8;
    --header-bg: #0F1C2C;
    --hero-bg: #747D86;
    --footer-bg: #4B4B4B;
    --border-footer: #A8A8A8;
    --card-bg: #FFFFFF;
}

/* Warm Theme */
[data-theme="warm"] {
    --primary-color: #FF5924;
    --secondary-bg: #E0E6E9;
    --primary-btn-hover: #FF5924;
    --accent-hover: #fb7a4f;
    --text-primary: #222222;
    --text-secondary: #FFFFFF;
    --text-white: #FFFFFF;
    --text-muted: #AAAAAA;
    --border-light: #D3D3D3;
    --border-green: #f4a991;
    --capability-bg: #f3d5cb;
    --footer-bg: #555555;
    --image-placeholder: #6C7A89;
    --light-green-bg: #F8FDF8;
    --scroll-bar: #FF5924;
    --scroll-bar-track: #d8d8d8;
    --header-bg: #0F1C2C;
    --hero-bg: #747D86;
    --footer-bg: #4B4B4B;
    --border-footer: #A8A8A8;
    --card-bg: #FFFFFF;
}

/* Purple Theme */

[data-theme="purple"] {
    --primary-color: #4748C5;
    --secondary-bg: #E0E6E9;
    --primary-btn-hover: #4748C5;
    --accent-hover: #388E3C;
    --text-primary: #222222;
    --text-secondary: #FFFFFF;
    --text-white: #FFFFFF;
    --text-muted: #AAAAAA;
    --border-light: #D3D3D3;
    --border-green: #9b9bfc;
    --capability-bg: #cbcbfd;
    --footer-bg: #555555;
    --image-placeholder: #6C7A89;
    --light-green-bg: #F8FDF8;
    --scroll-bar: #4748C5;
    --scroll-bar-track: #d8d8d8;
    --header-bg: #0F1C2C;
    --hero-bg: #747D86;
    --footer-bg: #4B4B4B;
    --border-footer: #A8A8A8;
    --card-bg: #FFFFFF;
}

/* Red Theme */
[data-theme="red"] {
    --primary-color: #D3302F;
    --secondary-bg: #E0E6E9;
    --primary-btn-hover: #D3302F;
    --accent-hover: #f65353;
    --text-primary: #222222;
    --text-secondary: #FFFFFF;
    --text-white: #FFFFFF;
    --text-muted: #AAAAAA;
    --border-light: #D3D3D3;
    --border-green: #f2a7a7;
    --capability-bg: #f9dddd;
    --footer-bg: #555555;
    --image-placeholder: #6C7A89;
    --light-green-bg: #F8FDF8;
    --scroll-bar: #D3302F;
    --scroll-bar-track: #d8d8d8;
    --header-bg: #0F1C2C;
    --hero-bg: #747D86;
    --footer-bg: #4B4B4B;
    --border-footer: #A8A8A8;
    --card-bg: #FFFFFF;
}

/* Teal Theme */

[data-theme="teal"] {
    --primary-color: #19B2E6;
    --secondary-bg: #E0E6E9;
    --primary-btn-hover: #19B2E6;
    --accent-hover: #3cceff;
    --text-primary: #222222;
    --text-secondary: #FFFFFF;
    --text-white: #FFFFFF;
    --text-muted: #AAAAAA;
    --border-light: #D3D3D3;
    --border-green: #76d7f7;
    --capability-bg: #e5f9ff;
    --footer-bg: #555555;
    --image-placeholder: #6C7A89;
    --light-green-bg: #F8FDF8;
    --scroll-bar: #19B2E6;
    --scroll-bar-track: #d8d8d8;
    --header-bg: #0F1C2C;
    --hero-bg: #747D86;
    --footer-bg: #4B4B4B;
    --border-footer: #A8A8A8;
    --card-bg: #FFFFFF;
}

/* Orange Theme */
[data-theme="orange"] {
    --primary-color: #FF7700;
    --secondary-bg: #E0E6E9;
    --primary-btn-hover: #FF7700;
    --accent-hover: #f89640;
    --text-primary: #222222;
    --text-secondary: #FFFFFF;
    --text-white: #FFFFFF;
    --text-muted: #AAAAAA;
    --border-light: #D3D3D3;
    --border-green: #fcb577;
    --capability-bg: #f6e4d3;
    --footer-bg: #555555;
    --image-placeholder: #6C7A89;
    --light-green-bg: #F8FDF8;
    --scroll-bar: #FF7700;
    --scroll-bar-track: #d8d8d8;
    --header-bg: #0F1C2C;
    --hero-bg: #747D86;
    --footer-bg: #4B4B4B;
    --border-footer: #A8A8A8;
    --card-bg: #FFFFFF;
}