:root {
    /* Default Theme (Blue) */
    --primary-color: #6bbdf2;
    --secondary-color: #6bbdf2;
    --primary-dark: #3d5c83;
    --text-color: #2d2d2d;
    --text-light: #494949;
    --section-title-color: #6bbdf2;
    --section-heading-color: #2E2E2E;
    --background-color: #f4f6f9;
    --card-background: rgba(50, 51, 144, 0.05);
    --card-border: #6bbdf2;
    --light-gray: #e9ecef;
    --footer-bg: #3b7aa3;
    --footer-text: #FFF;
    --footer-bottom-bg: #516A9A;
    --footer-bottom-text: #FFF;
    --header-bg: #FFF;
    --loader-color: #3452b6;
    --contact-icon-color: #6bbdf2;
    
    /* Additional variables for hard-coded colors */
    --white: #FFF;
    --black: #000;
    --scrollbar-bg: #f5f5f5;
    --scrollbar-thumb: #6a6a69;
    --loader-bg: #f3f3f3;
    --header-gradient: linear-gradient(251deg, rgba(255, 255, 255, 0.10) 14.08%, rgba(255, 255, 255, 0.00) 62.76%), #3b7aa3;
    --nav-mobile-bg: #1c1c1e;
    --quote-bg: linear-gradient(180deg, #ffffff, #f2f2f2);
    --quote-card-bg: #fff;
    --form-border: #212a37;
    --form-bg: #fff;
    --form-text: #212a37;
    --error-color: #f00;
    --equipment-text: #808080;
    
    /* Shadow and overlay variables */
    --overlay-dark: rgba(0, 0, 0, 0.5);
    --hero-overlay: rgba(0, 0, 0, 0.86);
    --shadow-light: rgba(0, 0, 0, 0.05);
    --shadow-medium: rgba(0, 0, 0, 0.1);
    --footer-border: rgb(255 255 255 / 51%);
    --page-bg: white;
    
    /* Popup and form variables */
    --popup-bg: white;
    --popup-text: #333;
    --popup-close-color: #d9534f;
    --popup-shadow: #ccc;
    --danger-color: red;
}

/* Red Theme */
[data-theme="red"] {
    --primary-color: #c62828;
    --secondary-color: #d32f2f;
    --primary-dark: #b71c1c;
    --text-color: #000;
    --text-light: #000;
    --section-title-color: #c62828;
    --section-heading-color: #b71c1c;
    --background-color: #ffebee;
    --card-background: rgba(198, 40, 40, 0.05);
    --card-border: #b71c1c;
    --light-gray: #ffcdd2;
    --footer-bg: #3a3a3a;
    --footer-text: #FFF;
    --footer-bottom-bg: #b71c1c;
    --footer-bottom-text: #FFF;
    --header-bg: #FFF;
    --loader-color: #c62828;
    --contact-icon-color: #c62828;
    
    /* Additional variables for hard-coded colors */
    --white: #FFF;
    --black: #000;
    --scrollbar-bg: #ffebee;
    --scrollbar-thumb: #e57373;
    --loader-bg: #ffcdd2;
    --header-gradient: linear-gradient(251deg, rgba(255, 255, 255, 0.10) 14.08%, rgba(255, 255, 255, 0.00) 62.76%), #b71c1c;
    --nav-mobile-bg: #b71c1c;
    --quote-bg: linear-gradient(180deg, #ffebee, #ffcdd2);
    --quote-card-bg: #fff;
    --form-border: #b71c1c;
    --form-bg: #fff;
    --form-text: #b71c1c;
    --error-color: #d32f2f;
    --equipment-text: #e57373;
    --quote-page-bg: #FFF;
    
    /* Shadow and overlay variables */
    --overlay-dark: rgba(0, 0, 0, 0.5);
    --hero-overlay: rgba(0, 0, 0, 0.6);
    --shadow-light: rgba(183, 28, 28, 0.05);
    --shadow-medium: rgba(183, 28, 28, 0.1);
    --footer-border: rgb(255 255 255 / 51%);
    --page-bg: white;
    
    /* Popup and form variables */
    --popup-bg: white;
    --popup-text: #333;
    --popup-close-color: #d9534f;
    --popup-shadow: #ccc;
    --danger-color: red;
}

/* Green Theme */
[data-theme="green"] {
    --primary-color: #2e7d32;
    --secondary-color: #388e3c;
    --primary-dark: #1b5e20;
    --text-color: #000;
    --text-light: #000;
    --section-title-color: #2e7d32;
    --section-heading-color: #1b5e20;
    --background-color: #f1f8e9;
    --card-background: rgba(46, 125, 50, 0.05);
    --card-border: #1b5e20;
    --light-gray: #e8f5e9;
    --footer-bg: #222322;
    --footer-text: #FFF;
    --footer-bottom-bg: #1b5e20;
    --footer-bottom-text: #FFF;
    --header-bg: #FFF;
    --loader-color: #2e7d32;
    --contact-icon-color: #2e7d32;
    --quote-page-bg: #FFF;
    
    /* Additional variables for hard-coded colors */
    --white: #FFF;
    --black: #000;
    --scrollbar-bg: #f1f8e9;
    --scrollbar-thumb: #66bb6a;
    --loader-bg: #e8f5e9;
    --header-gradient: linear-gradient(251deg, rgba(255, 255, 255, 0.10) 14.08%, rgba(255, 255, 255, 0.00) 62.76%), #1b5e20;
    --nav-mobile-bg: #1b5e20;
    --quote-bg: linear-gradient(180deg, #f1f8e9, #e8f5e9);
    --quote-card-bg: #fff;
    --form-border: #1b5e20;
    --form-bg: #fff;
    --form-text: #1b5e20;
    --error-color: #388e3c;
    --equipment-text: #66bb6a;
    
    /* Shadow and overlay variables */
    --overlay-dark: rgba(0, 0, 0, 0.5);
    --hero-overlay: rgba(3, 3, 3, 0.6);
    --shadow-light: rgba(27, 94, 32, 0.05);
    --shadow-medium: rgba(27, 94, 32, 0.1);
    --footer-border: rgb(255 255 255 / 51%);
    --page-bg: white;
    
    /* Popup and form variables */
    --popup-bg: white;
    --popup-text: #333;
    --popup-close-color: #d9534f;
    --popup-shadow: #ccc;
    --danger-color: red;
}

/* Purple Theme */
[data-theme="purple"] {
    --primary-color: #6a1b9a;
    --secondary-color: #7b1fa2;
    --primary-dark: #4a148c;
    --text-color: #000;
    --text-light: #000;
    --section-title-color: #6a1b9a;
    --section-heading-color: #4a148c;
    --background-color: #f3e5f5;
    --card-background: rgba(106, 27, 154, 0.05);
    --card-border: #4a148c;
    --light-gray: #e1bee7;
    --footer-bg: #2d2d2d;
    --footer-text: #FFF;
    --footer-bottom-bg: #4a148c;
    --footer-bottom-text: #FFF;
    --header-bg: #FFF;
    --loader-color: #6a1b9a;
    --contact-icon-color: #6a1b9a;
    --quote-page-bg: #FFF;
    
    /* Additional variables for hard-coded colors */
    --white: #FFF;
    --black: #000;
    --scrollbar-bg: #f3e5f5;
    --scrollbar-thumb: #ba68c8;
    --loader-bg: #e1bee7;
    --header-gradient: linear-gradient(251deg, rgba(255, 255, 255, 0.10) 14.08%, rgba(255, 255, 255, 0.00) 62.76%), #4a148c;
    --nav-mobile-bg: #4a148c;
    --quote-bg: linear-gradient(180deg, #f3e5f5, #e1bee7);
    --quote-card-bg: #fff;
    --form-border: #4a148c;
    --form-bg: #fff;
    --form-text: #4a148c;
    --error-color: #7b1fa2;
    --equipment-text: #ba68c8;
    
    /* Shadow and overlay variables */
    --overlay-dark: rgba(0, 0, 0, 0.5);
    --hero-overlay: rgba(3, 3, 3, 0.6);
    --shadow-light: rgba(74, 20, 140, 0.05);
    --shadow-medium: rgba(74, 20, 140, 0.1);
    --footer-border: rgb(255 255 255 / 51%);
    --page-bg: white;
    
    /* Popup and form variables */
    --popup-bg: white;
    --popup-text: #333;
    --popup-close-color: #d9534f;
    --popup-shadow: #ccc;
    --danger-color: red;
}

/* Orange Theme */
[data-theme="orange"] {
    --primary-color: #ef6c00;
    --secondary-color: #f57c00;
    --primary-dark: #e65100;
    --text-color: #000;
    --text-light: #000;
    --section-title-color: #ef6c00;
    --section-heading-color: #e65100;
    --background-color: #fff3e0;
    --card-background: rgba(239, 108, 0, 0.05);
    --card-border: #e65100;
    --light-gray: #ffe0b2;
    --footer-bg: #222322;
    --footer-text: #FFF;
    --footer-bottom-bg: #e65100;
    --footer-bottom-text: #FFF;
    --header-bg: #FFF;
    --loader-color: #ef6c00;
    --contact-icon-color: #ef6c00;
    --quote-page-bg: #FFF;
    
    /* Additional variables for hard-coded colors */
    --white: #FFF;
    --black: #000;
    --scrollbar-bg: #fff3e0;
    --scrollbar-thumb: #ffb74d;
    --loader-bg: #ffe0b2;
    --header-gradient: linear-gradient(251deg, rgba(255, 255, 255, 0.10) 14.08%, rgba(255, 255, 255, 0.00) 62.76%), #e65100;
    --nav-mobile-bg: #e65100;
    --quote-bg: linear-gradient(180deg, #fff3e0, #ffe0b2);
    --quote-card-bg: #fff;
    --form-border: #e65100;
    --form-bg: #fff;
    --form-text: #e65100;
    --error-color: #f57c00;
    --equipment-text: #ffb74d;
    
    /* Shadow and overlay variables */
    --overlay-dark: rgba(0, 0, 0, 0.5);
    --hero-overlay: rgba(0, 0, 0, 0.6);
    --shadow-light: rgba(230, 81, 0, 0.05);
    --shadow-medium: rgba(230, 81, 0, 0.1);
    --footer-border: rgb(255 255 255 / 51%);
    --page-bg: white;
    
    /* Popup and form variables */
    --popup-bg: white;
    --popup-text: #333;
    --popup-close-color: #d9534f;
    --popup-shadow: #ccc;
    --danger-color: red;
}

/* Teal Theme */
[data-theme="teal"] {
    --primary-color: #00695c;
    --secondary-color: #00796b;
    --primary-dark: #004d40;
    --text-color: #000;
    --text-light: #000;
    --section-title-color: #00695c;
    --section-heading-color: #004d40;
    --background-color: #e0f2f1;
    --card-background: rgba(0, 105, 92, 0.05);
    --card-border: #004d40;
    --light-gray: #b2dfdb;
    --footer-bg: #00695c;
    --footer-text: #FFF;
    --footer-bottom-bg: #004d40;
    --footer-bottom-text: #FFF;
    --header-bg: #FFF;
    --loader-color: #00695c;
    --contact-icon-color: #00695c;
    --quote-page-bg: #FFF;
    
    /* Additional variables for hard-coded colors */
    --white: #FFF;
    --black: #000;
    --scrollbar-bg: #e0f2f1;
    --scrollbar-thumb: #4db6ac;
    --loader-bg: #b2dfdb;
    --header-gradient: linear-gradient(251deg, rgba(255, 255, 255, 0.10) 14.08%, rgba(255, 255, 255, 0.00) 62.76%), #004d40;
    --nav-mobile-bg: #004d40;
    --quote-bg: linear-gradient(180deg, #e0f2f1, #b2dfdb);
    --quote-card-bg: #fff;
    --form-border: #004d40;
    --form-bg: #fff;
    --form-text: #004d40;
    --error-color: #00796b;
    --equipment-text: #4db6ac;
    
    /* Shadow and overlay variables */
    --overlay-dark: rgba(0, 0, 0, 0.5);
    --hero-overlay: rgba(0, 0, 0, 0.6);
    --shadow-light: rgba(0, 77, 64, 0.05);
    --shadow-medium: rgba(0, 77, 64, 0.1);
    --footer-border: rgb(255 255 255 / 51%);
    --page-bg: white;
    
    /* Popup and form variables */
    --popup-bg: white;
    --popup-text: #333;
    --popup-close-color: #d9534f;
    --popup-shadow: #ccc;
    --danger-color: red;
}

/* Dark Theme */
[data-theme="dark"] {
    --primary-color: #4cc9f0;
    --secondary-color: #0084ad;
    --primary-dark: #3a0ca3;
    --text-color: #000;
    --text-light: #000;
    --section-title-color: #0084ad;
    --section-heading-color: #000;
    --background-color: #212529;
    --card-background: rgba(76, 201, 240, 0.1);
    --card-border: #4cc9f0;
    --light-gray: #495057;
    --footer-bg: #222322;
    --footer-text: #f8f9fa;
    --footer-bottom-bg: #1a1d20;
    --footer-bottom-text: #f8f9fa;
    --header-bg: #1a1d20;
    --loader-color: #4cc9f0;
    --contact-icon-color: #4cc9f0;
    --quote-page-bg: #FFF;
    
    /* Additional variables for hard-coded colors */
    --white: #f8f9fa;
    --black: #212529;
    --scrollbar-bg: #495057;
    --scrollbar-thumb: #adb5bd;
    --loader-bg: #495057;
    --header-gradient: linear-gradient(251deg, rgba(248, 249, 250, 0.10) 14.08%, rgba(248, 249, 250, 0.00) 62.76%), #1a1d20;
    --nav-mobile-bg: #1a1d20;
    --quote-bg: linear-gradient(180deg, #212529, #495057);
    --quote-card-bg: #343a40;
    --form-border: #4cc9f0;
    --form-bg: #343a40;
    --form-text: #f8f9fa;
    --error-color: #4361ee;
    --equipment-text: #adb5bd;
    
    /* Shadow and overlay variables */
    --overlay-dark: rgba(0, 0, 0, 0.7);
    --hero-overlay: rgba(0, 0, 0, 0.8);
    --shadow-light: rgba(76, 201, 240, 0.05);
    --shadow-medium: rgba(76, 201, 240, 0.1);
    --footer-border: rgb(248 249 250 / 51%);
    --page-bg: #e4e4e4;
    
    /* Popup and form variables */
    --popup-bg: #a5a5a5;
    --popup-text: #f8f9fa;
    --popup-close-color: #4361ee;
    --popup-shadow: #495057;
    --danger-color: #4361ee;
}

/* Warm Theme */
[data-theme="warm"] {
    --primary-color: #e76f51;
    --secondary-color: #f4a261;
    --primary-dark: #e63946;
    --text-color: #000;
    --text-light: #000;
    --section-title-color: #e76f51;
    --section-heading-color: #2a2d34;
    --background-color: #fff5f2;
    --card-background: rgba(231, 111, 81, 0.05);
    --card-border: #2a2d34;
    --light-gray: #ffe8e3;
    --footer-bg: #222322;
    --footer-text: #FFF;
    --footer-bottom-bg: #2a2d34;
    --footer-bottom-text: #fff5f2;
    --header-bg: #FFF;
    --loader-color: #e76f51;
    --contact-icon-color: #e76f51;
    --quote-page-bg: #FFF;
    
    /* Additional variables for hard-coded colors */
    --white: #FFF;
    --black: #000;
    --scrollbar-bg: #fff5f2;
    --scrollbar-thumb: #457b9d;
    --loader-bg: #ffe8e3;
    --header-gradient: linear-gradient(251deg, rgba(255, 255, 255, 0.10) 14.08%, rgba(255, 255, 255, 0.00) 62.76%), #2a2d34;
    --nav-mobile-bg: #2a2d34;
    --quote-bg: linear-gradient(180deg, #fff5f2, #ffe8e3);
    --quote-card-bg: #fff;
    --form-border: #2a2d34;
    --form-bg: #fff;
    --form-text: #2a2d34;
    --error-color: #f4a261;
    --equipment-text: #457b9d;
    
    /* Shadow and overlay variables */
    --overlay-dark: rgba(0, 0, 0, 0.5);
    --hero-overlay: rgba(0, 0, 0, 0.6);
    --shadow-light: rgba(42, 45, 52, 0.05);
    --shadow-medium: rgba(42, 45, 52, 0.1);
    --footer-border: rgb(255 255 255 / 51%);
    --page-bg: white;
    
    /* Popup and form variables */
    --popup-bg: white;
    --popup-text: #333;
    --popup-close-color: #d9534f;
    --popup-shadow: #ccc;
    --danger-color: red;
}

/* Cool Theme */
[data-theme="cool"] {
    --primary-color: #4ea8de;
    --secondary-color: #3b82f6;
    --primary-dark: #1e40af;
    --text-color: #000;
    --text-light: #000;
    --section-title-color: #4ea8de;
    --section-heading-color: #1e293b;
    --background-color: #f8fafc;
    --card-background: rgba(78, 168, 222, 0.05);
    --card-border: #1e293b;
    --light-gray: #f1f5f9;
    --footer-bg: #1e1e1e;
    --footer-text: #FFF;
    --footer-bottom-bg: #1e293b;
    --footer-bottom-text: #f8fafc;
    --header-bg: #FFF;
    --loader-color: #4ea8de;
    --contact-icon-color: #4ea8de;
    --quote-page-bg: #FFF;
    
    /* Additional variables for hard-coded colors */
    --white: #FFF;
    --black: #000;
    --scrollbar-bg: #f8fafc;
    --scrollbar-thumb: #64748b;
    --loader-bg: #f1f5f9;
    --header-gradient: linear-gradient(251deg, rgba(255, 255, 255, 0.10) 14.08%, rgba(255, 255, 255, 0.00) 62.76%), #1e293b;
    --nav-mobile-bg: #1e293b;
    --quote-bg: linear-gradient(180deg, #f8fafc, #f1f5f9);
    --quote-card-bg: #fff;
    --form-border: #1e293b;
    --form-bg: #fff;
    --form-text: #1e293b;
    --error-color: #3b82f6;
    --equipment-text: #64748b;
    
    /* Shadow and overlay variables */
    --overlay-dark: rgba(0, 0, 0, 0.5);
    --hero-overlay: rgba(0, 0, 0, 0.6);
    --shadow-light: rgba(30, 41, 59, 0.05);
    --shadow-medium: rgba(30, 41, 59, 0.1);
    --footer-border: rgb(255 255 255 / 51%);
    --page-bg: white;
    
    /* Popup and form variables */
    --popup-bg: white;
    --popup-text: #333;
    --popup-close-color: #d9534f;
    --popup-shadow: #ccc;
    --danger-color: red;
}