:root {
    /* Default Theme (Orange) */
    --primary-color: #FF7133; 
    --secondary-color: #FA6D24;
    --primary-dark: #e56529;
    --primary-darker: #e85d15;
    --dark-bg: #0D0D0D;
    --text-light: #FFFFFF;
    --text-dark: #0D0D0D;
    --text-gray: #9CA3AF;
    --text-medium: #2E2E2E;
    --text-secondary: #494949;
    --text-muted: #808080;
    --text-form: #333;
    --text-section: #434343;
    
    /* Background colors */
    --background-white: #FFFFFF;
    --background-light: #f5f5f5;
    --background-card: #FFF;
    --quote-page-bg: #FFF;
    
    /* Border and UI colors */
    --border-light: #ebebeb;
    --border-form: #434343;
    --scrollbar-bg: #F5F5F5;
    --scrollbar-thumb: #FA6D24;
    
    /* 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: red;
    
    /* Section specific colors */
    --section-after-bg: #fa6d24;
    --section-padding: 7rem 0;
}

/* Red Theme */
[data-theme="red"] {
    --primary-color: #c62828;
    --secondary-color: #d32f2f;
    --secondary-color-hover: #d32f2f;
    --primary-dark: #b71c1c;
    --primary-darker: #a01515;
    --dark-bg: #1a0000;
    --text-light: #FFFFFF;
    --text-dark: #b71c1c;
    --text-gray: #b9b9b9;
    --text-medium: #b71c1c;
    --text-secondary: #000;
    --text-muted: #000;
    --text-form: #b71c1c;
    --text-section: #c62828;
    
    /* Background colors */
    --background-white: #FFFFFF;
    --background-light: #ffebee;
    --background-card: #FFF;
    --quote-page-bg: #FFF;
    
    /* Border and UI colors */
    --border-light: #ffcdd2;
    --border-form: #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;
    
    /* Section specific colors */
    --section-after-bg: #c62828;
}

/* Green Theme */
[data-theme="green"] {
    --primary-color: #2e7d32;
    --secondary-color: #388e3c;
    --secondary-color-hover: #388e3c;
    --primary-dark: #1b5e20;
    --primary-darker: #0d4f14;
    --dark-bg: #001a00;
    --text-light: #FFFFFF;
    --text-dark: #1b5e20;
    --text-gray: #b9b9b9;
    --text-medium: #1b5e20;
    --text-secondary: #000;
    --text-muted: #000;
    --text-form: #000;
    --text-section: #2e7d32;
    
    /* Background colors */
    --background-white: #FFFFFF;
    --background-light: #f1f8e9;
    --background-card: #FFF;
    --quote-page-bg: #FFF;
    
    /* Border and UI colors */
    --border-light: #e8f5e9;
    --border-form: #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;
    
    /* Section specific colors */
    --section-after-bg: #2e7d32;
}

/* Blue Theme */
[data-theme="blue"] {
    --primary-color: #1976d2;
    --secondary-color: #1e88e5;
    --secondary-color-hover: #1e88e5;
    --primary-dark: #0d47a1;
    --primary-darker: #0a3d91;
    --dark-bg: #000a1a;
    --text-light: #FFFFFF;
    --text-dark: #0d47a1;
    --text-gray: #b9b9b9;
    --text-medium: #0d47a1;
    --text-secondary: #000;
    --text-muted: #000;
    --text-form: #000;
    --text-section: #1976d2;
    
    /* Background colors */
    --background-white: #FFFFFF;
    --background-light: #e3f2fd;
    --background-card: #FFF;
    --quote-page-bg: #FFF;
    
    /* Border and UI colors */
    --border-light: #e1f5fe;
    --border-form: #1976d2;
    --scrollbar-bg: #e3f2fd;
    --scrollbar-thumb: #1976d2;
    
    /* Loader and spinner colors */
    --loader-bg: #e1f5fe;
    --loader-color: #1976d2;
    --spinner-bg: #0d47a1;
    
    /* Popup colors */
    --popup-overlay: rgba(0,0,0,0.5);
    --popup-bg: white;
    --popup-text: #333;
    --popup-shadow: rgba(25,118,210,0.1);
    --popup-close: #d9534f;
    --popup-close-shadow: #bbdefb;
    --error-color: #1e88e5;
    
    /* Section specific colors */
    --section-after-bg: #1976d2;
}

/* Purple Theme */
[data-theme="purple"] {
    --primary-color: #6a1b9a;
    --secondary-color: #b851e4;
    --secondary-color-hover: #b851e4;
    --primary-dark: #4a148c;
    --primary-darker: #3d1178;
    --dark-bg: #1a001a;
    --text-light: #FFFFFF;
    --text-dark: #4a148c;
    --text-gray: #b9b9b9;
    --text-medium: #4a148c;
    --text-secondary: #000;
    --text-muted: #000;
    --text-form: #000;
    --text-section: #6a1b9a;
    
    /* Background colors */
    --background-white: #FFFFFF;
    --background-light: #f3e5f5;
    --background-card: #FFF;
    --quote-page-bg: #FFF;
    
    /* Border and UI colors */
    --border-light: #f8bbd9;
    --border-form: #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;
    
    /* Section specific colors */
    --section-after-bg: #6a1b9a;
}

/* Teal Theme */
[data-theme="teal"] {
    --primary-color: #00695c;
    --secondary-color: #00796b;
    --secondary-color-hover: #11d6bf;
    --primary-dark: #004d40;
    --primary-darker: #003d32;
    --dark-bg: #001a1a;
    --text-light: #FFFFFF;
    --text-dark: #004d40;
    --text-gray: #b9b9b9;
    --text-medium: #004d40;
    --text-secondary: #000;
    --text-muted: #000;
    --text-form: #000;
    --text-section: #00695c;
    
    /* Background colors */
    --background-white: #FFFFFF;
    --background-light: #e0f2f1;
    --background-card: #FFF;
    --quote-page-bg: #FFF;
    
    /* Border and UI colors */
    --border-light: #e0f7fa;
    --border-form: #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;
    
    /* Section specific colors */
    --section-after-bg: #00695c;
}

/* Dark Theme */
[data-theme="dark"] {
    --primary-color: #4cc9f0;
    --secondary-color: #4361ee;
    --secondary-color-hover: #4361ee;
    --primary-dark: #3a0ca3;
    --primary-darker: #2d0a87;
    --dark-bg: #0d0d0d;
    --text-light: #f8f9fa;
    --text-dark: #f8f9fa;
    --text-gray: #b9b9b9;
    --text-medium: #000;
    --text-secondary: #000;
    --text-muted: #000;
    --text-form: #000;
    --text-section: #000;
    
    /* Background colors */
    --background-white: #d7d7d7;
    --background-light: #efefef;
    --background-card: #fff;
    --quote-page-bg: #FFF;
    
    /* Border and UI colors */
    --border-light: #495057;
    --border-form: #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;
    
    /* Section specific colors */
    --section-after-bg: #000;
}

/* Warm Theme */
[data-theme="warm"] {
    --primary-color: #e76f51;
    --secondary-color: #f4a261;
    --secondary-color-hover: #f4a261;
    --primary-dark: #e63946;
    --primary-darker: #d62d20;
    --dark-bg: #2a2d34;
    --text-light: #FFFFFF;
    --text-dark: #2a2d34;
    --text-gray: #b9b9b9;
    --text-medium: #2a2d34;
    --text-secondary: #000;
    --text-muted: #000;
    --text-form: #000;
    --text-section: #e76f51;
    
    /* Background colors */
    --background-white: #FFFFFF;
    --background-light: #fff5f2;
    --background-card: #FFF;
    --quote-page-bg: #FFF;
    
    /* Border and UI colors */
    --border-light: #ffe8e3;
    --border-form: #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;
    
    /* Section specific colors */
    --section-after-bg: #e76f51;
}

/* Cool Theme */
[data-theme="cool"] {
    --primary-color: #4ea8de;
    --secondary-color: #3b82f6;
    --secondary-color-hover: #3b82f6;
    --primary-dark: #1e40af;
    --primary-darker: #1e3a8a;
    --dark-bg: #1e293b;
    --text-light: #FFFFFF;
    --text-dark: #1e293b;
    --text-gray: #b9b9b9;
    --text-medium: #3b82f6;
    --text-secondary: #000;
    --text-muted: #000;
    --text-form: #1e293b;
    --text-section: #000;
    
    /* Background colors */
    --background-white: #FFFFFF;
    --background-light: #f8fafc;
    --background-card: #FFF;
    --quote-page-bg: #FFF;
    
    /* Border and UI colors */
    --border-light: #f1f5f9;
    --border-form: #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;
    
    /* Section specific colors */
    --section-after-bg: #000;
}