:root {
    /* Default Theme (Blue) */
    --primary-color: #0078D4;
    --primary-btn-hover: #3a7bd5;
    --primary-dark: #1C1C1E;
    --text-color: #333333;
    --text-light: #666666;
    --background-color: #F6FBFF;
    --card-background: #FFFFFF;
    --border-color: #A8A8A8;
    --footer-bg: #4A4A4A;
    --footer-text: #FFFFFF;
    --footer-bottom-bg: #1C1C1E;
    --footer-bottom-text: #FFFFFF;
    --header-bg: #0F1C2C;
    --quote-page-bg: #FFFFFF;
    --hero-bg: #F6FBFF;
    --nav-bg: #0F1C2C;
    --text-white: #FFFFFF;
    --text-muted: #666666;
    --background-gradient: linear-gradient(90deg, #0F1C2C 6.25%, #051A34 81%);
    --scroll-bar: #0078D4;
    --scroll-bar-track: #d8d8d8;
}

/* Cool Theme */
[data-theme="cool"] {
    --primary-color: #2AB2FA;
    --primary-btn-hover: #1882bb;
    --primary-dark: #0d5f8a;
    --text-color: #1A1A2E;
    --text-light: #6B7280;
    --background-color: #F0F8FF;
    --card-background: #E6F3FF;
    --border-color: #353c4b;
    --footer-bg: #1A1A2E;
    --footer-text: #fff;
    --footer-bottom-bg: #1A1A2E;
    --footer-bottom-text: #F0F8FF;
    --header-bg: #FFF;
    --quote-page-bg: #FFF;
    --hero-bg: #F0F8FF;
    --nav-bg: #0F1C2C;
    --text-white: #FFFFFF;
    --text-muted: #6B7280;
    --background-gradient: linear-gradient(90deg, #0F1C2C 6.25%, #051A34 81%);
    --scroll-bar: #2AB2FA;
    --scroll-bar-track: #d8d8d8;
} 

/* Dark Theme */
[data-theme="dark"] {
    --primary-color: #0078D4;
    --primary-btn-hover: #3a7bd5;
    --primary-dark: #1C1C1E;
    --text-color: #FFFFFF;
    --text-light: #CCCCCC;
    --background-color: #1C1C1E;
    --card-background: #2D2D30;
    --border-color: #5b5454;
    --footer-bg: #0F0F0F;
    --footer-text: #FFFFFF;
    --footer-bottom-bg: #1C1C1E;
    --footer-bottom-text: #FFFFFF;
    --header-bg: #0F0F0F;
    --light-gray: #000;
    --quote-page-bg: #1C1C1E;
    --hero-bg: #1C1C1E;
    --nav-bg: #0F1C2C;
    --text-white: #FFFFFF;
    --text-muted: #CCCCCC;
    --bg-mute-light: #313131;
    --background-gradient: linear-gradient(90deg, #0F1C2C 6.25%, #051A34 81%);
    --scroll-bar: #0078D4;
    --scroll-bar-track: #404040;
}

/* Green Theme */
[data-theme="green"] {
    --primary-color: #4CAF50;
    --primary-btn-hover: #298b2c;
    --primary-dark: #264653;
    --text-color: #264653;
    --text-light: #457B9D;
    --background-color: #F0F7F4;
    --card-background: #E9F5F3;
    --border-color: #2f677c;
    --footer-bg: #264653;
    --footer-text: #fff;
    --footer-bottom-bg: #264653;
    --footer-bottom-text: #F0F7F4;
    --header-bg: #FFF;
    --quote-page-bg: #FFF;
    --hero-bg: #F0F7F4;
    --nav-bg: #0F1C2C;
    --text-white: #FFFFFF;
    --text-muted: #457B9D;
    --background-gradient: linear-gradient(90deg, #0F1C2C 6.25%, #051A34 81%);
    --scroll-bar: #4CAF50;
    --scroll-bar-track: #d8d8d8;
}

/* Warm Theme */
[data-theme="warm"] {
    --primary-color: #FF5924;
    --primary-btn-hover: #c54216;
    --primary-dark: #8B4513;
    --text-color: #2F1B14;
    --text-light: #8B7355;
    --background-color: #FFF8F0;
    --card-background: #F5E6D3;
    --border-color: #6f6f6f;
    --footer-bg: #1A1A2E;
    --footer-text: #fff;
    --footer-bottom-bg: #8B4513;
    --footer-bottom-text: #FFF8F0;
    --header-bg: #FFF;
    --quote-page-bg: #FFF;
    --hero-bg: #FFF8F0;
    --nav-bg: #0F1C2C;
    --text-white: #FFFFFF;
    --text-muted: #8B7355;
    --background-gradient: linear-gradient(90deg, #0F1C2C 6.25%, #051A34 81%);
    --scroll-bar: #FF5924;
    --scroll-bar-track: #d8d8d8;
}

/* Purple Theme */
[data-theme="purple"] {
    --primary-color: #4748C5;
    --primary-btn-hover: #2e2e9d;
    --primary-dark: #560BAD;
    --text-color: #000000;
    --text-light: #4361EE;
    --background-color: #F8F7FF;
    --card-background: #F0EDFF;
    --border-color: #5b5b67;
    --footer-bg: #1A1A2E;
    --footer-text: #fff;
    --footer-bottom-bg: #3A0CA3;
    --footer-bottom-text: #F8F7FF;
    --header-bg: #FFF;
    --quote-page-bg: #FFF;
    --hero-bg: #F8F7FF;
    --nav-bg: #0F1C2C;
    --text-white: #FFFFFF;
    --text-muted: #000;
    --background-gradient: linear-gradient(90deg, #0F1C2C 6.25%, #051A34 81%);
    --scroll-bar: #4748C5;
    --scroll-bar-track: #d8d8d8;
}

/* Red Theme */
[data-theme="red"] {
    --primary-color: #D3302F;
    --primary-btn-hover: #eb6565;
    --primary-dark: #9a1818;
    --text-color: #1D3557;
    --text-light: #457B9D;
    --background-color: #F1FAEE;
    --card-background: #F8EDEB;
    --border-color: #39485d;
    --footer-bg: #1D3557;
    --footer-text: #fff;
    --footer-bottom-bg: #1D3557;
    --footer-bottom-text: #F1FAEE;
    --header-bg: #FFF;
    --quote-page-bg: #FFF;
    --hero-bg: #F1FAEE;
    --nav-bg: #0F1C2C;
    --text-white: #FFFFFF;
    --text-muted: #457B9D;
    --background-gradient: linear-gradient(90deg, #0F1C2C 6.25%, #051A34 81%);
    --scroll-bar: #D3302F;
    --scroll-bar-track: #d8d8d8;
}

/* Teal Theme */
[data-theme="teal"] {
    --primary-color: #00B4D8;
    --primary-btn-hover: #0096c7;
    --primary-dark: #0077B6;
    --text-color: #03045E;
    --text-light: #457B9D;
    --background-color: #F0F9FF;
    --card-background: #E0F7FF;
    --border-color: #49495f;
    --footer-bg: #03045E;
    --footer-text: #fff;
    --footer-bottom-bg: #03045E;
    --footer-bottom-text: #F0F9FF;
    --header-bg: #FFF;
    --quote-page-bg: #FFF;
    --hero-bg: #F0F9FF;
    --nav-bg: #0F1C2C;
    --text-white: #FFFFFF;
    --text-muted: #000;
    --background-gradient: linear-gradient(90deg, #0F1C2C 6.25%, #051A34 81%);
    --scroll-bar: #00B4D8;
    --scroll-bar-track: #d8d8d8;
}

/* Orange Theme */
[data-theme="orange"] {
    --primary-color: #F77F00;
    --primary-btn-hover: #d62828;
    --primary-dark: #D62828;
    --text-color: #003049;
    --text-light: #457B9D;
    --background-color: #FFF8F0;
    --card-background: #FFE8D6;
    --border-color: #49495f;
    --footer-bg: #1A1A2E;
    --footer-text: #fff;
    --footer-bottom-bg: #003049;
    --footer-bottom-text: #FFF8F0;
    --header-bg: #FFF;
    --quote-page-bg: #FFF;
    --hero-bg: #FFF8F0;
    --nav-bg: #0F1C2C;
    --text-white: #FFFFFF;
    --text-muted: #000;
    --background-gradient: linear-gradient(90deg, #0F1C2C 6.25%, #051A34 81%);
    --scroll-bar: #F77F00;
    --scroll-bar-track: #d8d8d8;
}