:root {
    /* Default Theme (Red) */
    --primary-color: #e6262c;
    --secondary-color: #333;
    --primary-dark: #c01e23;
    --primary-darker: #e60013;
    --dark-bg: #121212;
    --header-bg: #fff;
    --footer-bg: #4a4a4a;
    --text-light: #fff;
    --text-dark: #000;
    --text-gray: #4a4a4a;
    --text-medium: #1c1c1e;
    --text-secondary: #333;
    --text-muted: #212a37;
    --text-form: #212a37;
    --text-section: #000;
    --text-special: #fffbee;
    
    /* Background colors */
    --background-white: #fff;
    --background-light: #f5f5f5;
    --background-card: #fff;
    --background-gradient: linear-gradient(180deg, #ffffff, #f2f2f2);
    --background-contact: #e60000;
    
    /* Border and UI colors */
    --border-form: #212a37;
    --border-dashed: #212a37;
    --scrollbar-bg: #f5f5f5;
    --scrollbar-thumb: #6a6a69;
    
    /* Loader and spinner colors */
    --loader-bg: #f3f3f3;
    --loader-color: #3452b6;
    
    /* 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;
    
    /* Button colors */
    --btn-primary-bg: #e6262c;
    --btn-primary-text: #fff;
    --btn-primary-hover: #c01e23;
    --btn-secondary-bg: #e60013;
    --btn-secondary-text: #fffbee;
    --btn-reset-bg: #fff;
    --btn-reset-text: #212a37;
    --btn-reset-border: #212a37;
    --btn-submit-bg: #e60013;
    --btn-submit-text: #fff;
    --btn-submit-border: #e60013;
    
    /* Navigation colors */
    --nav-link-color: #000;
    --nav-link-hover: #000;
    --nav-link-active: #000;
    
    /* Contact colors */
    --contact-icon-color: #e60000;
    --contact-card-bg: #e60000;
    --contact-card-text: #fff;
    
    /* Section label color */
    --section-label-color: #e60013;
}

/* Blue Theme */
[data-theme="blue"] { 
    --primary-color: #4e57ff;
    --secondary-color: #333;
    --primary-dark: #3a42d1;
    --primary-darker: #323390;
    --dark-bg: #0a192f;
    --header-bg: #fff;
    --footer-bg: #4a4a4a;
    --text-light: #fff;
    --text-dark: #000;
    --text-gray: #4a4a4a;
    --text-medium: #1c1c1e;
    --text-secondary: #333;
    --text-muted: #212a37;
    --text-form: #212a37;
    --text-section: #000;
    --text-special: #f0f4ff;
    
    /* Background colors */
    --background-white: #fff;
    --background-light: #f5f5f5;
    --background-card: #fff;
    --background-gradient: linear-gradient(180deg, #ffffff, #f2f2f2);
    --background-contact: #4e57ff;
    --hero-overlay: rgba(7, 7, 7, 0.8);
    
    /* Border and UI colors */
    --border-form: #212a37;
    --border-dashed: #212a37;
    --scrollbar-bg: #f5f5f5;
    --scrollbar-thumb: #6a6a69;
    
    /* Loader and spinner colors */
    --loader-bg: #f3f3f3;
    --loader-color: #4e57ff;
    
    /* 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: #4e57ff;
    
    /* Button colors */
    --btn-primary-bg: #4e57ff;
    --btn-primary-text: #fff;
    --btn-primary-hover: #3a42d1;
    --btn-secondary-bg: #323390;
    --btn-secondary-text: #f0f4ff;
    --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: #000;
    --nav-link-hover: #000;
    --nav-link-active: #000;
    
    /* Contact colors */
    --contact-icon-color: #4e57ff;
    --contact-card-bg: #4e57ff;
    --contact-card-text: #fff;
    
    /* Section label color */
    --section-label-color: #323390;
}

/* Green Theme */
[data-theme="green"] {
    --primary-color: #2e7d32;
    --secondary-color: #333;
    --primary-dark: #1b5e20;
    --primary-darker: #0d4f14;
    --dark-bg: #001a00;
    --header-bg: #fff;
    --footer-bg: #4a4a4a;
    --text-light: #fff;
    --text-dark: #000;
    --text-gray: #4a4a4a;
    --text-medium: #1c1c1e;
    --text-secondary: #333;
    --text-muted: #212a37;
    --text-form: #212a37;
    --text-section: #000;
    --text-special: #f1f8e9;
    
    /* Background colors */
    --background-white: #fff;
    --background-light: #f5f5f5;
    --background-card: #fff;
    --background-gradient: linear-gradient(180deg, #ffffff, #f2f2f2);
    --background-contact: #2e7d32;
    
    /* Border and UI colors */
    --border-form: #212a37;
    --border-dashed: #212a37;
    --scrollbar-bg: #f5f5f5;
    --scrollbar-thumb: #6a6a69;
    
    /* Loader and spinner colors */
    --loader-bg: #f3f3f3;
    --loader-color: #2e7d32;
    
    /* 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: #2e7d32;
    
    /* Button colors */
    --btn-primary-bg: #2e7d32;
    --btn-primary-text: #fff;
    --btn-primary-hover: #1b5e20;
    --btn-secondary-bg: #0d4f14;
    --btn-secondary-text: #f1f8e9;
    --btn-reset-bg: #fff;
    --btn-reset-text: #212a37;
    --btn-reset-border: #212a37;
    --btn-submit-bg: #0d4f14;
    --btn-submit-text: #fff;
    --btn-submit-border: #0d4f14;
    
    /* Navigation colors */
    --nav-link-color: #000;
    --nav-link-hover: #000;
    --nav-link-active: #000;
    
    /* Contact colors */
    --contact-icon-color: #2e7d32;
    --contact-card-bg: #2e7d32;
    --contact-card-text: #fff;
    
    /* Section label color */
    --section-label-color: #0d4f14;
}

/* Orange Theme */
[data-theme="orange"] {
    --primary-color: #FF7133;
    --secondary-color: #333;
    --primary-dark: #e56529;
    --primary-darker: #e85d15;
    --dark-bg: #1a0d00;
    --header-bg: #fff;
    --footer-bg: #4a4a4a;
    --text-light: #fff;
    --text-dark: #000;
    --text-gray: #4a4a4a;
    --text-medium: #1c1c1e;
    --text-secondary: #333;
    --text-muted: #212a37;
    --text-form: #212a37;
    --text-section: #000;
    --text-special: #fff3e0;
    
    /* Background colors */
    --background-white: #fff;
    --background-light: #f5f5f5;
    --background-card: #fff;
    --background-gradient: linear-gradient(180deg, #ffffff, #f2f2f2);
    --background-contact: #FF7133;
    
    /* Border and UI colors */
    --border-form: #212a37;
    --border-dashed: #212a37;
    --scrollbar-bg: #f5f5f5;
    --scrollbar-thumb: #6a6a69;
    
    /* Loader and spinner colors */
    --loader-bg: #f3f3f3;
    --loader-color: #FF7133;
    
    /* 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: #FF7133;
    
    /* Button colors */
    --btn-primary-bg: #FF7133;
    --btn-primary-text: #fff;
    --btn-primary-hover: #e56529;
    --btn-secondary-bg: #e85d15;
    --btn-secondary-text: #fff3e0;
    --btn-reset-bg: #fff;
    --btn-reset-text: #212a37;
    --btn-reset-border: #212a37;
    --btn-submit-bg: #e85d15;
    --btn-submit-text: #fff;
    --btn-submit-border: #e85d15;
    
    /* Navigation colors */
    --nav-link-color: #000;
    --nav-link-hover: #000;
    --nav-link-active: #000;
    
    /* Contact colors */
    --contact-icon-color: #FF7133;
    --contact-card-bg: #FF7133;
    --contact-card-text: #fff;
    
    /* Section label color */
    --section-label-color: #e85d15;
}

/* Purple Theme */
[data-theme="purple"] {
    --primary-color: #6a1b9a;
    --secondary-color: #333;
    --primary-dark: #4a148c;
    --primary-darker: #3d1178;
    --dark-bg: #1a001a;
    --header-bg: #fff;
    --footer-bg: #4a4a4a;
    --text-light: #fff;
    --text-dark: #000;
    --text-gray: #4a4a4a;
    --text-medium: #1c1c1e;
    --text-secondary: #333;
    --text-muted: #212a37;
    --text-form: #212a37;
    --text-section: #000;
    --text-special: #f3e5f5;
    
    /* Background colors */
    --background-white: #fff;
    --background-light: #f5f5f5;
    --background-card: #fff;
    --background-gradient: linear-gradient(180deg, #ffffff, #f2f2f2);
    --background-contact: #6a1b9a;
    
    /* Border and UI colors */
    --border-form: #212a37;
    --border-dashed: #212a37;
    --scrollbar-bg: #f5f5f5;
    --scrollbar-thumb: #6a6a69;
    
    /* Loader and spinner colors */
    --loader-bg: #f3f3f3;
    --loader-color: #6a1b9a;
    
    /* 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: #6a1b9a;
    
    /* Button colors */
    --btn-primary-bg: #6a1b9a;
    --btn-primary-text: #fff;
    --btn-primary-hover: #4a148c;
    --btn-secondary-bg: #3d1178;
    --btn-secondary-text: #f3e5f5;
    --btn-reset-bg: #fff;
    --btn-reset-text: #212a37;
    --btn-reset-border: #212a37;
    --btn-submit-bg: #3d1178;
    --btn-submit-text: #fff;
    --btn-submit-border: #3d1178;
    
    /* Navigation colors */
    --nav-link-color: #000;
    --nav-link-hover: #000;
    --nav-link-active: #000;
    
    /* Contact colors */
    --contact-icon-color: #6a1b9a;
    --contact-card-bg: #6a1b9a;
    --contact-card-text: #fff;
    
    /* Section label color */
    --section-label-color: #3d1178;
}

/* Teal Theme */
[data-theme="teal"] {
    --primary-color: #00695c;
    --secondary-color: #333;
    --primary-dark: #004d40;
    --primary-darker: #003d32;
    --dark-bg: #001a1a;
    --header-bg: #fff;
    --footer-bg: #4a4a4a;
    --text-light: #fff;
    --text-dark: #000;
    --text-gray: #4a4a4a;
    --text-medium: #1c1c1e;
    --text-secondary: #333;
    --text-muted: #212a37;
    --text-form: #212a37;
    --text-section: #000;
    --text-special: #e0f2f1;
    
    /* Background colors */
    --background-white: #fff;
    --background-light: #f5f5f5;
    --background-card: #fff;
    --background-gradient: linear-gradient(180deg, #ffffff, #f2f2f2);
    --background-contact: #00695c;
    
    /* Border and UI colors */
    --border-form: #212a37;
    --border-dashed: #212a37;
    --scrollbar-bg: #f5f5f5;
    --scrollbar-thumb: #6a6a69;
    
    /* Loader and spinner colors */
    --loader-bg: #f3f3f3;
    --loader-color: #00695c;
    
    /* 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: #00695c;
    
    /* Button colors */
    --btn-primary-bg: #00695c;
    --btn-primary-text: #fff;
    --btn-primary-hover: #004d40;
    --btn-secondary-bg: #003d32;
    --btn-secondary-text: #e0f2f1;
    --btn-reset-bg: #fff;
    --btn-reset-text: #212a37;
    --btn-reset-border: #212a37;
    --btn-submit-bg: #003d32;
    --btn-submit-text: #fff;
    --btn-submit-border: #003d32;
    
    /* Navigation colors */
    --nav-link-color: #000;
    --nav-link-hover: #000;
    --nav-link-active: #000;
    
    /* Contact colors */
    --contact-icon-color: #00695c;
    --contact-card-bg: #00695c;
    --contact-card-text: #fff;
    
    /* Section label color */
    --section-label-color: #003d32;
}

/* Dark Theme */
[data-theme="dark"] {
    --primary-color: #4cc9f0;
    --secondary-color: #f8f9fa;
    --primary-dark: #3a0ca3;
    --primary-darker: #2d0a87;
    --dark-bg: #0d0d0d;
    --header-bg: #212529;
    --footer-bg: #343a40;
    --text-light: #f8f9fa;
    --text-dark: #f8f9fa;
    --text-gray: #adb5bd;
    --text-medium: #f8f9fa;
    --text-secondary: #f8f9fa;
    --text-muted: #f8f9fa;
    --text-form: #f8f9fa;
    --text-section: #f8f9fa;
    --text-special: #e3f2fd;
    
    /* Background colors */
    --background-white: #FFF;
    --background-light: #343a40;
    --background-card: #495057;
    --background-gradient: linear-gradient(180deg, #212529, #343a40);
    --background-contact: #4cc9f0;
    
    /* Border and UI colors */
    --border-form: #4cc9f0;
    --border-dashed: #4cc9f0;
    --scrollbar-bg: #343a40;
    --scrollbar-thumb: #4cc9f0;
    
    /* Loader and spinner colors */
    --loader-bg: #495057;
    --loader-color: #4cc9f0;
    
    /* 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;
    
    /* Button colors */
    --btn-primary-bg: #4cc9f0;
    --btn-primary-text: #0d0d0d;
    --btn-primary-hover: #3a0ca3;
    --btn-secondary-bg: #2d0a87;
    --btn-secondary-text: #e3f2fd;
    --btn-reset-bg: #343a40;
    --btn-reset-text: #4cc9f0;
    --btn-reset-border: #4cc9f0;
    --btn-submit-bg: #2d0a87;
    --btn-submit-text: #f8f9fa;
    --btn-submit-border: #2d0a87;
    
    /* Navigation colors */
    --nav-link-color: #f8f9fa;
    --nav-link-hover: #f8f9fa;
    --nav-link-active: #f8f9fa;
    
    /* Contact colors */
    --contact-icon-color: #4cc9f0;
    --contact-card-bg: #4cc9f0;
    --contact-card-text: #0d0d0d;
    
    /* Section label color */
    --section-label-color: #fff;
}

/* Warm Theme */
[data-theme="warm"] {
    --primary-color: #e76f51;
    --secondary-color: #333;
    --primary-dark: #e63946;
    --primary-darker: #d62d20;
    --dark-bg: #2a2d34;
    --header-bg: #fff;
    --footer-bg: #4a4a4a;
    --text-light: #fff;
    --text-dark: #000;
    --text-gray: #4a4a4a;
    --text-medium: #1c1c1e;
    --text-secondary: #333;
    --text-muted: #212a37;
    --text-form: #212a37;
    --text-section: #000;
    --text-special: #fff5f2;
    
    /* Background colors */
    --background-white: #fff;
    --background-light: #f5f5f5;
    --background-card: #fff;
    --background-gradient: linear-gradient(180deg, #ffffff, #f2f2f2);
    --background-contact: #e76f51;
    
    /* Border and UI colors */
    --border-form: #212a37;
    --border-dashed: #212a37;
    --scrollbar-bg: #f5f5f5;
    --scrollbar-thumb: #6a6a69;
    
    /* Loader and spinner colors */
    --loader-bg: #f3f3f3;
    --loader-color: #e76f51;
    
    /* 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: #e76f51;
    
    /* Button colors */
    --btn-primary-bg: #e76f51;
    --btn-primary-text: #fff;
    --btn-primary-hover: #e63946;
    --btn-secondary-bg: #d62d20;
    --btn-secondary-text: #fff5f2;
    --btn-reset-bg: #fff;
    --btn-reset-text: #212a37;
    --btn-reset-border: #212a37;
    --btn-submit-bg: #d62d20;
    --btn-submit-text: #fff;
    --btn-submit-border: #d62d20;
    
    /* Navigation colors */
    --nav-link-color: #000;
    --nav-link-hover: #000;
    --nav-link-active: #000;
    
    /* Contact colors */
    --contact-icon-color: #e76f51;
    --contact-card-bg: #e76f51;
    --contact-card-text: #fff;
    
    /* Section label color */
    --section-label-color: #d62d20;
}

/* Cool Theme */
[data-theme="cool"] {
    --primary-color: #4ea8de;
    --secondary-color: #333;
    --primary-dark: #1e40af;
    --primary-darker: #1e3a8a;
    --dark-bg: #1e293b;
    --header-bg: #fff;
    --footer-bg: #4a4a4a;
    --text-light: #fff;
    --text-dark: #000;
    --text-gray: #4a4a4a;
    --text-medium: #1c1c1e;
    --text-secondary: #333;
    --text-muted: #212a37;
    --text-form: #212a37;
    --text-section: #000;
    --text-special: #f8fafc;
    
    /* Background colors */
    --background-white: #fff;
    --background-light: #f5f5f5;
    --background-card: #fff;
    --background-gradient: linear-gradient(180deg, #ffffff, #f2f2f2);
    --background-contact: #4ea8de;
    
    /* Border and UI colors */
    --border-form: #212a37;
    --border-dashed: #212a37;
    --scrollbar-bg: #f5f5f5;
    --scrollbar-thumb: #6a6a69;
    
    /* Loader and spinner colors */
    --loader-bg: #f3f3f3;
    --loader-color: #4ea8de;
    
    /* 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: #4ea8de;
    
    /* Button colors */
    --btn-primary-bg: #4ea8de;
    --btn-primary-text: #fff;
    --btn-primary-hover: #1e40af;
    --btn-secondary-bg: #1e3a8a;
    --btn-secondary-text: #f8fafc;
    --btn-reset-bg: #fff;
    --btn-reset-text: #212a37;
    --btn-reset-border: #212a37;
    --btn-submit-bg: #1e3a8a;
    --btn-submit-text: #fff;
    --btn-submit-border: #1e3a8a;
    
    /* Navigation colors */
    --nav-link-color: #000;
    --nav-link-hover: #000;
    --nav-link-active: #000;
    
    /* Contact colors */
    --contact-icon-color: #4ea8de;
    --contact-card-bg: #4ea8de;
    --contact-card-text: #fff;
    
    /* Section label color */
    --section-label-color: #1e3a8a;
}