:root {
    /* Default Theme (Blue) */
    --primary-color: #4e57ff;
    --secondary-color: #4748c5;
    --primary-dark: #3a42d1;
    --primary-darker: #323390;
    --dark-bg: #0a192f;
    --header-bg: #1c1c1e;
    --footer-bg: #0e141c;
    --text-light: #ffffff;
    --text-dark: #0a192f;
    --text-gray: #6c757d;
    --text-medium: #2e2e2e;
    --text-secondary: #494949;
    --text-muted: #888;
    --text-form: #212a37;
    --text-section: #000;
    
    /* Background colors */
    --background-white: #ffffff;
    --background-light: #f5f5f5;
    --background-card: #fff;
    --background-gradient: linear-gradient(180deg, #ffffff, #f2f2f2);
    --background-placeholder: #f1f1f1;
    --hero-overlay: rgba(7, 7, 7, 0.8);
    --quote-page-bg: #FFF;
    
    /* Border and UI colors */
    --border-light: #323390;
    --border-form: #212a37;
    --border-dashed: #212a37;
    --scrollbar-bg: #f5f5f5;
    --scrollbar-thumb: #6a6a69;
    
    /* Loader and spinner colors */
    --loader-bg: #f3f3f3;
    --loader-color: #3452b6;
    --spinner-bg: #333;
    
    /* Popup colors */
    --popup-overlay: rgba(0,0,0,0.5);
    --popup-bg: white;
    --popup-text: #333;
    --popup-shadow: rgba(0,0,0,0.1);
    --popup-close: #d9534f;
    --popup-close-shadow: #ccc;
    --error-color: #f00;
    
    /* Contact section colors */
    --contact-bg: #323390;
    --contact-text: #fff;
    
    /* Button colors */
    --btn-primary-bg: #4e57ff;
    --btn-primary-text: #fff;
    --btn-primary-hover: #3a42d1;
    --btn-secondary-bg: #fff;
    --btn-secondary-text: #000;
    --btn-reset-bg: #fff;
    --btn-reset-text: #212a37;
    --btn-reset-border: #212a37;
    --btn-submit-bg: #323390;
    --btn-submit-text: #fff;
    --btn-submit-border: #323390;
    
    /* Navigation colors */
    --nav-link-color: #fff;
    --nav-link-hover: #fff;
    --nav-link-active: #fff;
    --nav-underline: #fff;
    
    /* Hero section colors */
    --hero-title: #fff;
    --hero-subtitle: #4748c5;
    --hero-text: #fff;
}

/* Red Theme */
[data-theme="red"] { 
    --primary-color: #c62828;
    --secondary-color: #d32f2f;
    --primary-dark: #b71c1c;
    --primary-darker: #a01515;
    --dark-bg: #1a0000;
    --header-bg: #2c0000;
    --footer-bg: #1a0000;
    --text-light: #ffffff;
    --text-dark: #b71c1c;
    --text-gray: #ffcdd2;
    --text-medium: #b71c1c;
    --text-secondary: #000;
    --text-muted: #ef9a9a;
    --text-form: #b71c1c;
    --text-section: #b71c1c;
    
    /* Background colors */
    --background-white: #ffffff;
    --background-light: #ffebee;
    --background-card: #fff;
    --background-gradient: linear-gradient(180deg, #0c0c0c, #2b2b2b);
    --hero-overlay: rgba(7, 7, 7, 0.8);
    --background-placeholder: #ffcdd2;
    --quote-page-bg: #FFF;
    
    /* Border and UI colors */
    --border-light: #c62828;
    --border-form: #c62828;
    --border-dashed: #c62828;
    --scrollbar-bg: #ffebee;
    --scrollbar-thumb: #c62828;
    
    /* Loader and spinner colors */
    --loader-bg: #ffcdd2;
    --loader-color: #c62828;
    --spinner-bg: #b71c1c;
    
    /* Popup colors */
    --popup-overlay: rgba(0,0,0,0.5);
    --popup-bg: white;
    --popup-text: #333;
    --popup-shadow: rgba(198,40,40,0.1);
    --popup-close: #d9534f;
    --popup-close-shadow: #ffcdd2;
    --error-color: #d32f2f;
    
    /* Contact section colors */
    --contact-bg: #c62828;
    --contact-text: #fff;
    
    /* Button colors */
    --btn-primary-bg: #c62828;
    --btn-primary-text: #fff;
    --btn-primary-hover: #b71c1c;
    --btn-secondary-bg: #fff;
    --btn-secondary-text: #b71c1c;
    --btn-reset-bg: #fff;
    --btn-reset-text: #c62828;
    --btn-reset-border: #c62828;
    --btn-submit-bg: #c62828;
    --btn-submit-text: #fff;
    --btn-submit-border: #c62828;
    
    /* Navigation colors */
    --nav-link-color: #fff;
    --nav-link-hover: #fff;
    --nav-link-active: #fff;
    --nav-underline: #fff;
    
    /* Hero section colors */
    --hero-title: #fff;
    --hero-subtitle: #d32f2f;
    --hero-text: #fff;
}

/* Green Theme */
[data-theme="green"] {
    --primary-color: #2e7d32;
    --secondary-color: #388e3c;
    --primary-dark: #1b5e20;
    --primary-darker: #0d4f14;
    --dark-bg: #001a00;
    --header-bg: #002c00;
    --footer-bg: #001a00;
    --text-light: #ffffff;
    --text-dark: #1b5e20;
    --text-gray: #c8e6c9;
    --text-medium: #1b5e20;
    --text-secondary: #000;
    --text-muted: #81c784;
    --text-form: #1b5e20;
    --text-section: #1b5e20;
    
    /* Background colors */
    --background-white: #ffffff;
    --background-light: #f1f8e9;
    --background-card: #fff;
    --background-gradient: linear-gradient(180deg, #0c0c0c, #2b2b2b);
    --hero-overlay: rgba(7, 7, 7, 0.8);
    --background-placeholder: #e8f5e9;
    --quote-page-bg: #FFF;
    
    /* Border and UI colors */
    --border-light: #2e7d32;
    --border-form: #2e7d32;
    --border-dashed: #2e7d32;
    --scrollbar-bg: #f1f8e9;
    --scrollbar-thumb: #2e7d32;
    
    /* Loader and spinner colors */
    --loader-bg: #e8f5e9;
    --loader-color: #2e7d32;
    --spinner-bg: #1b5e20;
    
    /* Popup colors */
    --popup-overlay: rgba(0,0,0,0.5);
    --popup-bg: white;
    --popup-text: #333;
    --popup-shadow: rgba(46,125,50,0.1);
    --popup-close: #d9534f;
    --popup-close-shadow: #c8e6c9;
    --error-color: #388e3c;
    
    /* Contact section colors */
    --contact-bg: #2e7d32;
    --contact-text: #fff;
    
    /* Button colors */
    --btn-primary-bg: #2e7d32;
    --btn-primary-text: #fff;
    --btn-primary-hover: #1b5e20;
    --btn-secondary-bg: #fff;
    --btn-secondary-text: #1b5e20;
    --btn-reset-bg: #fff;
    --btn-reset-text: #2e7d32;
    --btn-reset-border: #2e7d32;
    --btn-submit-bg: #2e7d32;
    --btn-submit-text: #fff;
    --btn-submit-border: #2e7d32;
    
    /* Navigation colors */
    --nav-link-color: #fff;
    --nav-link-hover: #fff;
    --nav-link-active: #fff;
    --nav-underline: #fff;
    
    /* Hero section colors */
    --hero-title: #fff;
    --hero-subtitle: #388e3c;
    --hero-text: #fff;
}

/* Orange Theme */
[data-theme="orange"] {
    --primary-color: #FF7133;
    --secondary-color: #FA6D24;
    --primary-dark: #e56529;
    --primary-darker: #e85d15;
    --dark-bg: #1a0d00;
    --header-bg: #2c1500;
    --footer-bg: #1a0d00;
    --text-light: #ffffff;
    --text-dark: #e56529;
    --text-gray: #ffccbc;
    --text-medium: #e56529;
    --text-secondary: #000;
    --text-muted: #ffab91;
    --text-form: #e56529;
    --text-section: #e56529;
    
    /* Background colors */
    --background-white: #ffffff;
    --background-light: #fff3e0;
    --background-card: #fff;
    --background-gradient: linear-gradient(180deg, #0c0c0c, #2b2b2b);
    --hero-overlay: rgba(7, 7, 7, 0.8);
    --background-placeholder: #ffe0b2;
    --quote-page-bg: #FFF;
    
    /* Border and UI colors */
    --border-light: #FF7133;
    --border-form: #e56529;
    --border-dashed: #e56529;
    --scrollbar-bg: #fff3e0;
    --scrollbar-thumb: #FF7133;
    
    /* Loader and spinner colors */
    --loader-bg: #ffe0b2;
    --loader-color: #FF7133;
    --spinner-bg: #e56529;
    
    /* Popup colors */
    --popup-overlay: rgba(0,0,0,0.5);
    --popup-bg: white;
    --popup-text: #333;
    --popup-shadow: rgba(255,113,51,0.1);
    --popup-close: #d9534f;
    --popup-close-shadow: #ffccbc;
    --error-color: #FA6D24;
    
    /* Contact section colors */
    --contact-bg: #FF7133;
    --contact-text: #fff;
    
    /* Button colors */
    --btn-primary-bg: #FF7133;
    --btn-primary-text: #fff;
    --btn-primary-hover: #e56529;
    --btn-secondary-bg: #fff;
    --btn-secondary-text: #e56529;
    --btn-reset-bg: #fff;
    --btn-reset-text: #e56529;
    --btn-reset-border: #e56529;
    --btn-submit-bg: #FF7133;
    --btn-submit-text: #fff;
    --btn-submit-border: #FF7133;
    
    /* Navigation colors */
    --nav-link-color: #fff;
    --nav-link-hover: #fff;
    --nav-link-active: #fff;
    --nav-underline: #fff;
    
    /* Hero section colors */
    --hero-title: #fff;
    --hero-subtitle: #FA6D24;
    --hero-text: #fff;
}

/* Purple Theme */
[data-theme="purple"] {
    --primary-color: #6a1b9a;
    --secondary-color: #7b1fa2;
    --primary-dark: #4a148c;
    --primary-darker: #3d1178;
    --dark-bg: #1a001a;
    --header-bg: #2c002c;
    --footer-bg: #1a001a;
    --text-light: #ffffff;
    --text-dark: #4a148c;
    --text-gray: #e1bee7;
    --text-medium: #4a148c;
    --text-secondary: #000;
    --text-muted: #ce93d8;
    --text-form: #4a148c;
    --text-section: #4a148c;
    
    /* Background colors */
    --background-white: #ffffff;
    --background-light: #f3e5f5;
    --background-card: #fff;
    --background-gradient: linear-gradient(180deg, #0c0c0c, #2b2b2b);
    --hero-overlay: rgba(7, 7, 7, 0.8);
    --background-placeholder: #f8bbd9;
    --quote-page-bg: #FFF;
    
    /* Border and UI colors */
    --border-light: #6a1b9a;
    --border-form: #6a1b9a;
    --border-dashed: #6a1b9a;
    --scrollbar-bg: #f3e5f5;
    --scrollbar-thumb: #6a1b9a;
    
    /* Loader and spinner colors */
    --loader-bg: #f8bbd9;
    --loader-color: #6a1b9a;
    --spinner-bg: #4a148c;
    
    /* Popup colors */
    --popup-overlay: rgba(0,0,0,0.5);
    --popup-bg: white;
    --popup-text: #333;
    --popup-shadow: rgba(106,27,154,0.1);
    --popup-close: #d9534f;
    --popup-close-shadow: #e1bee7;
    --error-color: #7b1fa2;
    
    /* Contact section colors */
    --contact-bg: #6a1b9a;
    --contact-text: #fff;
    
    /* Button colors */
    --btn-primary-bg: #6a1b9a;
    --btn-primary-text: #fff;
    --btn-primary-hover: #4a148c;
    --btn-secondary-bg: #fff;
    --btn-secondary-text: #4a148c;
    --btn-reset-bg: #fff;
    --btn-reset-text: #6a1b9a;
    --btn-reset-border: #6a1b9a;
    --btn-submit-bg: #6a1b9a;
    --btn-submit-text: #fff;
    --btn-submit-border: #6a1b9a;
    
    /* Navigation colors */
    --nav-link-color: #fff;
    --nav-link-hover: #fff;
    --nav-link-active: #fff;
    --nav-underline: #fff;
    
    /* Hero section colors */
    --hero-title: #fff;
    --hero-subtitle: #7b1fa2;
    --hero-text: #fff;
}

/* Teal Theme */
[data-theme="teal"] {
    --primary-color: #00695c;
    --secondary-color: #00796b;
    --primary-dark: #004d40;
    --primary-darker: #003d32;
    --dark-bg: #001a1a;
    --header-bg: #002c2c;
    --footer-bg: #001a1a;
    --text-light: #ffffff;
    --text-dark: #004d40;
    --text-gray: #b2dfdb;
    --text-medium: #004d40;
    --text-secondary: #000;
    --text-muted: #80cbc4;
    --text-form: #004d40;
    --text-section: #004d40;
    
    /* Background colors */
    --background-white: #ffffff;
    --background-light: #e0f2f1;
    --background-card: #fff;
    --background-gradient: linear-gradient(180deg, #0c0c0c, #2b2b2b);
    --hero-overlay: rgba(7, 7, 7, 0.8);
    --background-placeholder: #e0f7fa;
    --quote-page-bg: #FFF;
    
    /* Border and UI colors */
    --border-light: #00695c;
    --border-form: #00695c;
    --border-dashed: #00695c;
    --scrollbar-bg: #e0f2f1;
    --scrollbar-thumb: #00695c;
    
    /* Loader and spinner colors */
    --loader-bg: #e0f7fa;
    --loader-color: #00695c;
    --spinner-bg: #004d40;
    
    /* Popup colors */
    --popup-overlay: rgba(0,0,0,0.5);
    --popup-bg: white;
    --popup-text: #333;
    --popup-shadow: rgba(0,105,92,0.1);
    --popup-close: #d9534f;
    --popup-close-shadow: #b2dfdb;
    --error-color: #00796b;
    
    /* Contact section colors */
    --contact-bg: #00695c;
    --contact-text: #fff;
    
    /* Button colors */
    --btn-primary-bg: #00695c;
    --btn-primary-text: #fff;
    --btn-primary-hover: #004d40;
    --btn-secondary-bg: #fff;
    --btn-secondary-text: #004d40;
    --btn-reset-bg: #fff;
    --btn-reset-text: #00695c;
    --btn-reset-border: #00695c;
    --btn-submit-bg: #00695c;
    --btn-submit-text: #fff;
    --btn-submit-border: #00695c;
    
    /* Navigation colors */
    --nav-link-color: #fff;
    --nav-link-hover: #fff;
    --nav-link-active: #fff;
    --nav-underline: #fff;
    
    /* Hero section colors */
    --hero-title: #fff;
    --hero-subtitle: #00796b;
    --hero-text: #fff;
}

/* Dark Theme */
[data-theme="dark"] {
    --primary-color: #4cc9f0;
    --secondary-color: #4361ee;
    --primary-dark: #3a0ca3;
    --primary-darker: #2d0a87;
    --dark-bg: #0d0d0d;
    --header-bg: #1c1c1e;
    --footer-bg: #0e141c;
    --text-light: #f8f9fa;
    --text-dark: #f8f9fa;
    --text-gray: #adb5bd;
    --text-medium: #000;
    --text-secondary: #000;
    --text-muted: #6c757d;
    --text-form: #f8f9fa;
    --text-section: #000;
    
    /* Background colors */
    --background-white: #dfdfdf;
    --background-light: #343a40;
    --background-card: #495057;
    --background-gradient: linear-gradient(180deg, #0c0c0c, #2b2b2b);
    --hero-overlay: rgba(7, 7, 7, 0.8);
    --background-placeholder: #495057;
    --quote-page-bg: #FFF;
    
    /* Border and UI colors */
    --border-light: #000;
    --border-form: #4cc9f0;
    --border-dashed: #4cc9f0;
    --scrollbar-bg: #343a40;
    --scrollbar-thumb: #4cc9f0;
    
    /* Loader and spinner colors */
    --loader-bg: #495057;
    --loader-color: #4cc9f0;
    --spinner-bg: #f8f9fa;
    
    /* Popup colors */
    --popup-overlay: rgba(0,0,0,0.7);
    --popup-bg: #343a40;
    --popup-text: #f8f9fa;
    --popup-shadow: rgba(76,201,240,0.1);
    --popup-close: #4361ee;
    --popup-close-shadow: #495057;
    --error-color: #4361ee;
    
    /* Contact section colors */
    --contact-bg: #4cc9f0;
    --contact-text: #0d0d0d;
    
    /* Button colors */
    --btn-primary-bg: #4cc9f0;
    --btn-primary-text: #0d0d0d;
    --btn-primary-hover: #3a0ca3;
    --btn-secondary-bg: #343a40;
    --btn-secondary-text: #f8f9fa;
    --btn-reset-bg: #343a40;
    --btn-reset-text: #4cc9f0;
    --btn-reset-border: #4cc9f0;
    --btn-submit-bg: #4cc9f0;
    --btn-submit-text: #0d0d0d;
    --btn-submit-border: #4cc9f0;
    
    /* Navigation colors */
    --nav-link-color: #f8f9fa;
    --nav-link-hover: #f8f9fa;
    --nav-link-active: #f8f9fa;
    --nav-underline: #f8f9fa;
    
    /* Hero section colors */
    --hero-title: #f8f9fa;
    --hero-subtitle: #4361ee;
    --hero-text: #f8f9fa;
}

/* Warm Theme */
[data-theme="warm"] {
    --primary-color: #e76f51;
    --secondary-color: #f4a261;
    --primary-dark: #e63946;
    --primary-darker: #d62d20;
    --dark-bg: #2a2d34;
    --header-bg: #3c3f46;
    --footer-bg: #2a2d34;
    --text-light: #ffffff;
    --text-dark: #2a2d34;
    --text-gray: #457b9d;
    --text-medium: #2a2d34;
    --text-secondary: #000;
    --text-muted: #6c8ca8;
    --text-form: #2a2d34;
    --text-section: #2a2d34;
    
    /* Background colors */
    --background-white: #ffffff;
    --background-light: #fff5f2;
    --background-card: #fff;
    --background-gradient: linear-gradient(180deg, #0c0c0c, #2b2b2b);
    --hero-overlay: rgba(7, 7, 7, 0.8);
    --background-placeholder: #ffe8e3;
    --quote-page-bg: #FFF;
    
    /* Border and UI colors */
    --border-light: #e76f51;
    --border-form: #e76f51;
    --border-dashed: #e76f51;
    --scrollbar-bg: #fff5f2;
    --scrollbar-thumb: #e76f51;
    
    /* Loader and spinner colors */
    --loader-bg: #ffe8e3;
    --loader-color: #e76f51;
    --spinner-bg: #2a2d34;
    
    /* Popup colors */
    --popup-overlay: rgba(0,0,0,0.5);
    --popup-bg: white;
    --popup-text: #333;
    --popup-shadow: rgba(231,111,81,0.1);
    --popup-close: #d9534f;
    --popup-close-shadow: #ffe8e3;
    --error-color: #f4a261;
    
    /* Contact section colors */
    --contact-bg: #e76f51;
    --contact-text: #fff;
    
    /* Button colors */
    --btn-primary-bg: #e76f51;
    --btn-primary-text: #fff;
    --btn-primary-hover: #e63946;
    --btn-secondary-bg: #fff;
    --btn-secondary-text: #2a2d34;
    --btn-reset-bg: #fff;
    --btn-reset-text: #e76f51;
    --btn-reset-border: #e76f51;
    --btn-submit-bg: #e76f51;
    --btn-submit-text: #fff;
    --btn-submit-border: #e76f51;
    
    /* Navigation colors */
    --nav-link-color: #fff;
    --nav-link-hover: #fff;
    --nav-link-active: #fff;
    --nav-underline: #fff;
    
    /* Hero section colors */
    --hero-title: #fff;
    --hero-subtitle: #f4a261;
    --hero-text: #fff;
}

/* Cool Theme */
[data-theme="cool"] {
    --primary-color: #4ea8de;
    --secondary-color: #3b82f6;
    --primary-dark: #1e40af;
    --primary-darker: #1e3a8a;
    --dark-bg: #1e293b;
    --header-bg: #334155;
    --footer-bg: #1e293b;
    --text-light: #ffffff;
    --text-dark: #1e293b;
    --text-gray: #64748b;
    --text-medium: #1e293b;
    --text-secondary: #000;
    --text-muted: #94a3b8;
    --text-form: #1e293b;
    --text-section: #1e293b;
    
    /* Background colors */
    --background-white: #ffffff;
    --background-light: #f8fafc;
    --background-card: #fff;
    --background-gradient: linear-gradient(180deg, #0c0c0c, #2b2b2b);
    --hero-overlay: rgba(7, 7, 7, 0.8);
    --background-placeholder: #f1f5f9;
    --quote-page-bg: #FFF;
    
    /* Border and UI colors */
    --border-light: #4ea8de;
    --border-form: #4ea8de;
    --border-dashed: #4ea8de;
    --scrollbar-bg: #f8fafc;
    --scrollbar-thumb: #4ea8de;
    
    /* Loader and spinner colors */
    --loader-bg: #f1f5f9;
    --loader-color: #4ea8de;
    --spinner-bg: #1e293b;
    
    /* Popup colors */
    --popup-overlay: rgba(0,0,0,0.5);
    --popup-bg: white;
    --popup-text: #333;
    --popup-shadow: rgba(78,168,222,0.1);
    --popup-close: #d9534f;
    --popup-close-shadow: #f1f5f9;
    --error-color: #3b82f6;
    
    /* Contact section colors */
    --contact-bg: #4ea8de;
    --contact-text: #fff;
    
    /* Button colors */
    --btn-primary-bg: #4ea8de;
    --btn-primary-text: #fff;
    --btn-primary-hover: #1e40af;
    --btn-secondary-bg: #fff;
    --btn-secondary-text: #1e293b;
    --btn-reset-bg: #fff;
    --btn-reset-text: #4ea8de;
    --btn-reset-border: #4ea8de;
    --btn-submit-bg: #4ea8de;
    --btn-submit-text: #fff;
    --btn-submit-border: #4ea8de;
    
    /* Navigation colors */
    --nav-link-color: #fff;
    --nav-link-hover: #fff;
    --nav-link-active: #fff;
    --nav-underline: #fff;
    
    /* Hero section colors */
    --hero-title: #fff;
    --hero-subtitle: #3b82f6;
    --hero-text: #fff;
}