/* Variables */
:root {
    /* Layout */
    --sidebar-width: 4.4em;
    --sidebar-expanded-width: 15.7em;
    --navbar-height: 4em;
    --margin-top: 1rem;
    --padding-horizontal: 0.5em;
    --padding-vertical: 1em;
    --image-size: 3rem;
    --border-radius: 30px;
    --transition-duration: 0.3s;
    --transition-ease: ease;
   
    /* Brand Colors */
    --primary-color: #FFA500;
    --primary-hover-color: #FF8C00;
    --success-color: #28a745;
    --error-color: #dc3545;
    --warning-color: #ffc107;
    --info-color: #17a2b8;
   
    /* Dashboard specific colors */
    --dashboard-bg-color: #151515;
    --dashboard-content-bg: #0B0B0C;
    --dashboard-item-bg: #151515;
    --dashboard-border-color: #333;
    --dashboard-author-name-bg: #0B0B0C;
    --dashboard-stat-bg: rgba(0, 0, 0, 0.1);
    --dashboard-accent-color: #ff8c00;
    --dashboard-accent-hover: #ff9f2a;
    --dashboard-button-bg: #333;
    --dashboard-button-hover: #444;
    --dashboard-delete-bg: #e63946;
    --dashboard-delete-hover: #d62828;
    --dashboard-modal-bg: #1a1a1a;
    --dashboard-modal-overlay: rgba(0, 0, 0, 0.7);
    --dashboard-empty-bg: #1a1a1a;
    --dashboard-empty-border: #333;
    --dashboard-divider-color: #4a4a4a;
    --dashboard-stats-bg: #242424;
    --dashboard-stats-toggle-bg: #252525;
    --dashboard-stats-toggle-hover: #303030;
   
    /* Dark Mode - Backgrounds */
    --sidebar-bg-color: #0B0B0C;
    --sidebar-secondary-bg-color: #2C2C2C;
    --background-color: #262626;
    --body-bg-color: #1E1E1E;
    --navbar-bg-color: #1a1a1a;
    --page-bg-color: #3a3939;
    --second-page-bg-color: #1E1E1E;
    --popular-title-gradient-bg: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.9) 100%);
    --update-card-bg: rgba(0, 0, 0, 0.2);
    --search-result-bg: inherit;
    --background-image-overlay-color: rgba(0, 0, 0, 0.5);
    --see-more-bg: rgba(0, 0, 0, 0.7);
    --premium-bg: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
   
    /* Dark Mode - Text */
    --text-color: #FFFFFF;
    --text-secondary-color: #F0F0F0;
    --chapter-text: #E0E0E0;
    --chapter-title-text: #DADADA;
    --text-third-color: #eaeaea;
    --secondary-color: #F0F0F0;
    --cancel-btn-bg: #555;
    --cancel-btn-hover-bg: #666;
    --text-dark-light-color: #F0F0F0;
    --chapter-text-area: #2b2b2b;
    --chapter-border-color: #444;
   
    /* Interactive Elements */
    --hover-bg-color: #ffa617;
    --search-input-bg: #F0F0F0;
    --search-input-text: #0B0B0C;
    --search-input-border: #ccc;
    --search-button-bg: #ffa617;
    --search-button-hover: #ff7b00;
   
    /* Component Colors */
    --countdown-color: #ff8c42;
    --discord-border-color: #FF6B35;
    --server-icon-border: #FF6600;
    --server-name-color: #FF6600;
    --join-button-bg: #FF6600;
    --join-button-hover: #FF8533;
    --tag-bg-color: #ff9800;
    --tag-hover-color: #ffa600;
    --chapter-arrow-color: #FFA500;
    --author-link-color: #FF9F0A;
    --more-genres-color: #FF8500;
    --poll-border-color: #ff8c42;
    --novel-metric-icon: #ff9800;
    --novel-metric-text: #F0F0F0;
   
    /* UI States */
    --cicle-border-color: #ccc;
    --progress-bar-bg: #4a4a4a;
    --progress-fill-color: #ff8c42;
    --poll-instruction-color: #ccc;
    --total-votes-color: #ccc;
   
    /* Effects */
    --box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    --discord-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    --overlay-bg: rgba(0, 0, 0, 0.5);
    --logo-hover-bg: rgba(255, 165, 0, 0.8);
    --logo-hover-shadow: rgba(0, 0, 0, 0.2);
    --search-shadow: rgba(0, 0, 0, 0.1);
    --tag-border-color-settings : 1px solid rgba(255, 255, 255, 0.2);

    /* Search Panel Colors */
    --search-panel-bg-color: #151515;
    --search-panel-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    --search-panel-hover-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);
    --search-result-shadow: 0px 4px 8px #FFA500;
    --search-result-subtle-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    
    /* Input Colors */
    --input-bg-color: #333;
    --input-border-color: #333;
    --text-muted-color: #CCCCCC;
    --intraction-button-color: #888;
    
    /* Filter Tab Colors */
    --filter-tab-bg: #1c1c1c;
    --filter-tab-hover-bg: #222;
    
    /* Radio Button Colors */
    --radio-hover-color: #FFC107;
    
    /* Scrollbar Colors */
    --scrollbar-track-bg: #222;
    --scrollbar-thumb-bg: #ff9800;
    --scrollbar-thumb-hover-bg: #f57c00;
    
    /* Checkbox Colors */
    --checkbox-bg-color: #1c1c1c;
    --checkbox-border-color: #555;
    --checkbox-hover-bg: #333;
    --checkbox-hover-border: #777;
    --checkbox-checkmark-color: #151515;

    /* Hover Colors */
    --poll-hover-color: #404040;
    
    /* Select Colors */
    --select-gradient: linear-gradient(to bottom, #222, #2b2b2b);
    --select-hover-gradient: linear-gradient(to bottom, #2b2b2b, #333);

    /* Search No Results */
    --search-no-results-bg: #585858;
    
    /* Pagination Colors */
    --pagination-bg-color: #222;
    --pagination-border-color: #333;
    --pagination-hover-bg: #333;
    --pagination-active-text: #151515;
    --pagination-disabled-color: #666;
    --pagination-disabled-bg: #1a1a1a;

    /* About Page Colors */
    --about-button-text-color: #151515;
    --about-card-bg-color: #333;
    --about-card-hover-bg-color: #3a3a3a;
    --about-card-border-color: rgba(255, 165, 0, 0.1);

    /* chapter detail section */
    --chapter-detail-background-color: #1E1E1E;
    --chapter-draft-title-color: #994000;
    --author-note-quote-color: #001018;
    --comment-bg-color: #2a2a2a;
    --reply-bg-color: #252525;
    --modal-overlay-bg: rgba(0, 0, 0, 0.8);
    --modal-content-bg: #262626;
    --chapter-nav-button-bg: #2C2C2C;
    --chapter-nav-button-hover: #444;
    --chapter-nav-disabled-bg: #2C2C2C;
    --highlight-fade-start: rgba(255, 166, 23, 0.2);

    /* Contact Page Colors */
    --contact-info-item-bg: #363636;
    --contact-info-item-hover-bg: #404040;

    /* Footer Colors */
    --footer-border-color: #444;

    /* Help Page Colors */
    --help-card-hover-shadow: 0 6px 12px rgba(255, 165, 0, 0.2);
    --help-card-hover-text: #0B0B0C;

    /* Library-specific colors */
    --library-progress-text-color: #0B0B0C;
    --library-progress-bar-bg: #f1f1f1;
    --library-container-bg: #1a1a1a;
    --library-container-border: none;
    --library-card-bg: #2a2a2a;
    --library-card-border: none;
    --library-card-shadow: none;
    --library-empty-bg: #2a2a2a;
    --library-empty-border: none;
    --library-empty-shadow: none;
    --library-scrollbar-track: #2a2a2a;

    /* Notification-specific colors */
    --notification-body-bg: #1a1a1a;
    --notification-shadow-color:rgba(255, 255, 255, 0.1);
    --notification-item-bg: #2a2a2a;
    --notification-item-shadow: 0 1px 3px rgba(255, 255, 255, 0.1);
    --notification-item-hover-shadow: 0 3px 6px rgba(255, 255, 255, 0.1);
    --notification-unread-border: #ff8533;
    --notification-unread-bg: rgba(255, 133, 51, 0.1);
    --notification-icon-bg: rgba(255, 255, 255, 0.1);
    --notification-logo-bg: linear-gradient(135deg, #1a1a1a, #2d2d2d);
    --notification-logo-shadow: 0 2px 8px rgba(255, 133, 51, 0.3);
    --notification-major-badge-bg: linear-gradient(135deg, #ff6b1a, #ff8533);
    --notification-major-badge-shadow: 0 2px 4px rgba(255, 107, 26, 0.4);
    --notification-minor-badge-bg: linear-gradient(135deg, #4a90e2, #5ba0f2);
    --notification-minor-badge-shadow: 0 2px 8px rgba(75, 144, 226, 0.4);
    --notification-empty-bg: rgba(255, 255, 255, 0.05);
    --notification-empty-border: rgba(255, 255, 255, 0.1);
    --notification-modal-bg: linear-gradient(135deg, #1a1a1a, #2a2a2a);
    --notification-modal-shadow: 0 8px 25px rgba(255, 133, 51, 0.25);
    --notification-modal-header-bg: linear-gradient(135deg, #ff8533, #ffa617);
    --notification-content-bg: rgba(255, 255, 255, 0.05);
    --notification-modal-footer-bg: rgba(255, 255, 255, 0.05);
    --notification-btn-shadow: 0 3px 12px rgba(255, 133, 51, 0.3);
    --notification-btn-hover-shadow: 0 4px 16px rgba(255, 133, 51, 0.4);
    --notification-btn-border: #666;

    /* Novel Detail specific colors */
    --novel-info-bg: #FFFFFF;
    --novel-warning-bg: #fff1f1;
    --novel-warning-border: #b32e2e;
    --novel-warning-color: #b32e2e;
    --novel-metric-bg: rgba(0, 0, 0, 0.1);
    --novel-metric-color: #333;
    --dual-window-bg: #FFFFFF;
    --window-tabs-bg: #f0f0f0;
    --tab-btn-active-bg: #FFFFFF;
    --chapter-item-border: #e0e0e0;
    --chapter-item-hover-bg: #f0f0f0;
    --chapter-link-color: #333;
    --chapter-date-color: #666;
    --adult-content-bg: #fff8f4; 
    --adult-content-border: #ff6600;
    --draft-bg: #fffaf5;
    --draft-border: #ffa64d;
    --adult-content-hover-bg: #fff0e6;
    --draft-hover-bg: #fff5eb;
    --adult-content-text: #994000;
    --draft-text: #b26a00;
    --review-form-textarea-bg: #fff;
    --review-form-textarea-color: #333;
    --review-form-textarea-border: #ccc;
    --review-item-border: #e0e0e0;
    --user-own-review-bg: #f5f5f5;
    --user-own-review-border: #f57c00;
    --review-actions-color: #666;
    --response-item-bg: #f8f9fa;
    --response-date-color: #6c757d;
    --response-content-bg: white;
    --response-content-color: #333;
    --response-content-border: #ccc;
    --edit-content-bg: #f0f0f0;
    --edit-content-border: #ccc;
    --edit-response-bg: #f9f9f9;
    --edit-response-border: #ccc;
    --no-reviews-color: #000000;
    --message-color: #fff;
    --tag-color: #e2e2e280;
    --tag-text-color: #000000;

    /* Novel Statistics specific colors - Dark Mode */
    --novelstat-text-color: #e0e0e0;
    --novelstat-container-bg: #151515;
    --novelstat-border-color: #e68a00;
    --novelstat-selector-bg: #1e1e1e;
    --novelstat-selector-text: #f5f5f5;
    --novelstat-muted-text: #aaaaaa;
    --novelstat-empty-state-bg: #fff5e6;
    --novelstat-empty-state-text: #333333;
    --novelstat-image-placeholder-bg: #e0e0e0;
    --novelstat-delete-btn-hover: #ff4d4d;
    --novelstat-genre-bg: #2a2a2a;
    --novelstat-genre-hover-text: #0B0B0C;
    --novelstat-badge-text: black;
    --novelstat-chapter-border: #444;
    --novelstat-chapter-meta-text: #999;
    --novelstat-modal-cancel-bg: #3a3a3a;
    --novelstat-modal-cancel-hover: #4a4a4a;
    --novelstat-modal-delete-hover: #d62828;
    --novelstat-title-span-color: #ff8533;

    /* Vote Container specific colors - Dark Mode */
    --vote-placeholder-color: #666;
    --vote-btn-remove-bg: #333;
    --vote-btn-remove-hover-bg: #444;
    --vote-btn-text-color: #121212;

    /* Chapter Creator specific colors - Dark Mode */
    --create-chapter-page-bg: #1c1c1c;
    --chapter-extra-text-color: #999;
    --create-chapter-toggle: #444;
    --editor-bg: #222;
    --editor-button-text: #eee;
    --editor-button-hover: #333;
    --editor-content-bg: #2a2a2a;
    --editor-border: #333;
    --title-input-text: #fff;
    --title-input-bg: #2a2a2a;
    --title-input-focus-bg: #333;
    --text-primary-color: #fff;
    --text-secondary-color: #bbb;
    --dropdown-bg: #1a1a1a;
    --dropdown-border: #333;
    --dropdown-item-border: #444;
    --dropdown-item-hover: #3a3a3a;
    --dropdown-item-current: #222;
    --toggle-slider-color: white;
    --button-secondary-bg: #6c757d;
    --button-secondary-hover: #5a6268;
    --popup-bg: #2a2a2a;

    /* Advanced Settings Colors - Dark Mode */
    --advanced-text-shadow: rgba(0,0,0,0.3);
    --advanced-nav-border: #333;
    --advanced-tab-bg: #1a1a1a;
    --advanced-tab-hover-bg: #2a2a2a;
    --advanced-tab-active-text: #000;
    --advanced-tab-disabled-bg: #0d0d0d;
    --advanced-tab-disabled-text: #666;
    --advanced-card-bg: #1a1a1a;
    --advanced-card-shadow: 0 4px 15px rgba(0,0,0,0.3);
    --advanced-input-bg: #0d0d0d;
    --advanced-input-focus-shadow: rgba(255, 165, 0, 0.1);
    --advanced-input-prefix-border: #444;
    --advanced-placeholder-color: #666;
    --advanced-help-bg: rgba(255, 165, 0, 0.05);
    --advanced-button-text: #000;
    --advanced-button-hover: #FFB347;
    --advanced-button-shadow: 0 4px 12px rgba(255, 165, 0, 0.3);
    --advanced-button-hover-shadow: 0 6px 20px rgba(255, 165, 0, 0.4);
    --advanced-popup-bg: linear-gradient(135deg, #1a1a1a, #2a2a2a);
    --advanced-popup-shadow: 0 8px 25px rgba(0, 0, 0, 0.4), 0 0 20px rgba(255, 165, 0, 0.2);
    --advanced-popup-close-hover: rgba(255, 165, 0, 0.1);
    --advanced-popup-success-shadow: 0 8px 25px rgba(0, 0, 0, 0.4), 0 0 20px rgba(40, 167, 69, 0.2);
    --advanced-popup-error-shadow: 0 8px 25px rgba(0, 0, 0, 0.4), 0 0 20px rgba(220, 53, 69, 0.2);

    /* Footer Colors - Dark Mode */
    --footer-bg-gradient: linear-gradient(135deg, #1e1e1e 0%, #262626 50%, #2e2e2e 100%);
    --footer-text-color: #e0e0e0;
    --footer-accent-gradient: linear-gradient(90deg, transparent, #f39c12, transparent);
    --footer-tagline-color: #a0a0a0;
    --footer-link-color: #b0b0b0;
    --footer-social-bg: rgba(243, 156, 18, 0.1);
    --footer-social-border: rgba(243, 156, 18, 0.2);
    --footer-social-hover-text: #000000;
    --footer-social-hover-shadow: 0 8px 25px rgba(243, 156, 18, 0.3);
    --footer-copyright-color: #808080;

    /* Genre Section Colors - Dark Mode */
    --genre-item-bg: rgba(255, 255, 255, 0.05);
    --genre-item-border: rgba(255, 140, 0, 0.2);
    --genre-item-shimmer: linear-gradient(90deg, transparent, rgba(255, 140, 0, 0.1), transparent);
    --genre-item-hover-border: rgba(255, 140, 0, 0.5);
    --genre-item-hover-shadow: 0 10px 30px rgba(255, 140, 0, 0.2);
    --genre-item-hover-bg: rgba(255, 140, 0, 0.1);

    /* ads section - Light Mode */
    --ads-bg: #2a2a2a;
}

/* Light Mode Theme */
:root.light-theme {
    --sidebar-bg-color: #FFFFFF;
    --sidebar-secondary-bg-color: #F0F2F5;
    --background-color: #FFFFFF;
    --body-bg-color: #FAFAFA;
    --navbar-bg-color: #F5F5F7;
    --page-bg-color: #f1f3f5;
    --second-page-bg-color: #f1f3f5;
    --popular-title-gradient-bg: linear-gradient(to bottom, rgb(255 255 255 / .6), rgb(255 255 255));
    --update-card-bg: #eee;
    --search-result-bg: #eee;
    --background-image-overlay-color: rgb(54 54 54 / 50%);
    --see-more-bg: #eee;
    --premium-bg: #FFFFFF;
   
    /* Dashboard specific colors - Light Mode */
    --dashboard-bg-color: #FFFFFF;
    --dashboard-content-bg: #F8F9FA;
    --dashboard-item-bg: #FFFFFF;
    --dashboard-border-color: #E0E0E0;
    --dashboard-author-name-bg: #F8F9FA;
    --dashboard-stat-bg: rgba(0, 0, 0, 0.05);
    --dashboard-accent-color: #ff8c00;
    --dashboard-accent-hover: #ff9f2a;
    --dashboard-button-bg: #F1F3F4;
    --dashboard-button-hover: #E9ECEF;
    --dashboard-delete-bg: #e63946;
    --dashboard-delete-hover: #d62828;
    --dashboard-modal-bg: #FFFFFF;
    --dashboard-modal-overlay: rgba(0, 0, 0, 0.6);
    --dashboard-empty-bg: #F9FAFB;
    --dashboard-empty-border: #E5E7EB;
    --dashboard-divider-color: #E0E0E0;
    --dashboard-stats-bg: #F8F9FA;
    --dashboard-stats-toggle-bg: #F1F3F4;
    --dashboard-stats-toggle-hover: #E9ECEF;
   
    /* Text */
    --text-color: #1A1A1A;
    --text-secondary-color: #5F6368;
    --text-third-color: #1A1A1A;
    --chapter-text: #1A1A1A;
    --chapter-title-text: #1A1A1A;
    --secondary-color: #1A1A1A;
    --cancel-btn-bg: #eee;
    --cancel-btn-hover-bg: #ddd;
    --text-dark-light-color: #F0F0F0;
    --chapter-text-area: #FAFAFA;
    --chapter-border-color: #E0E0E0;
   
    /* Interactive Elements */
    --search-input-bg: #FFFFFF;
    --search-input-text: #1A1A1A;
    --search-input-border: #DADCE0;
    --novel-metric-text: #1A1A1A;
   
    /* UI States */
    --progress-bar-bg: #d5d5d5;
    --cicle-border-color: #DADCE0;
    --poll-instruction-color: #5F6368;
    --total-votes-color: #5F6368;
   
    /* Effects */
    --box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    --discord-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
    --overlay-bg: rgba(0, 0, 0, 0.4);
    --logo-hover-shadow: rgba(0, 0, 0, 0.08);
    --search-shadow: rgba(0, 0, 0, 0.04);
    --tag-border-color-settings: 1px solid rgb(0 0 0 / 20%);

    /* Search Panel Colors */
    --search-panel-bg-color: #FFFFFF;
    --search-panel-shadow: 0 4px 6px rgba(0, 0, 0, 0.06);
    --search-panel-hover-shadow: 0 8px 12px rgba(0, 0, 0, 0.08);
    --search-result-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.06);
    --search-result-subtle-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    
    /* Input Colors */
    --input-bg-color: #FAFAFA;
    --input-border-color: #E0E0E0;
    --text-muted-color: #6B7280;
    --intraction-button-color: #6B7280;
    
    /* Filter Tab Colors */
    --filter-tab-bg: #F8F9FA;
    --filter-tab-hover-bg: #F1F3F4;
    
    /* Radio Button Colors */
    --radio-hover-color: #FFB347;
    
    /* Scrollbar Colors */
    --scrollbar-track-bg: #F1F3F4;
    --scrollbar-thumb-bg: #ff9800;
    --scrollbar-thumb-hover-bg: #f57c00;
    
    /* Checkbox Colors */
    --checkbox-bg-color: #FAFAFA;
    --checkbox-border-color: #D1D5DB;
    --checkbox-hover-bg: #F3F4F6;
    --checkbox-hover-border: #9CA3AF;
    --checkbox-checkmark-color: #FFFFFF;

    /* Hover Colors */
    --poll-hover-color: #eee;
    
    /* Select Colors */
    --select-gradient: linear-gradient(to bottom, #FAFAFA, #F5F5F5);
    --select-hover-gradient: linear-gradient(to bottom, #F5F5F5, #EEEEEE);

    /* Search No Results */
    --search-no-results-bg: #E5E7EB;
    
    /* Pagination Colors */
    --pagination-bg-color: #FFFFFF;
    --pagination-border-color: #D1D5DB;
    --pagination-hover-bg: #F3F4F6;
    --pagination-active-text: #FFFFFF;
    --pagination-disabled-color: #9CA3AF;
    --pagination-disabled-bg: #F9FAFB;

    /* About Page Colors */
    --about-button-text-color: #FFFFFF;
    --about-card-bg-color: #FFFFFF;
    --about-card-hover-bg-color: #F8F9FA;
    --about-card-border-color: rgba(255, 165, 0, 0.1);

    /* chapter detail section */
    --chapter-detail-background-color: #FFFFFF;
    --chapter-draft-title-color: #8B4513;
    --author-note-quote-color: #797979;
    --comment-bg-color: #FFFFFF;
    --reply-bg-color: #F8F9FA;
    --modal-overlay-bg: rgba(0, 0, 0, 0.6);
    --modal-content-bg: #FFFFFF;
    --chapter-nav-button-bg: #F8F9FA;
    --chapter-nav-button-hover: #E9ECEF;
    --chapter-nav-disabled-bg: #F8F9FA;
    --highlight-fade-start: rgba(255, 193, 7, 0.2);

    /* Contact Page Colors */
    --contact-info-item-bg: #dfe2e9;
    --contact-info-item-hover-bg: #E5E7EB;

    /* Footer Colors */
    --footer-border-color: #E0E0E0;
    
    /* Help Page Colors */
    --help-card-hover-shadow: 0 6px 12px rgba(255, 165, 0, 0.15);
    --help-card-hover-text: #FFFFFF;

    /* Library-specific colors */
    --library-progress-text-color: #0B0B0C;
    --library-progress-bar-bg: #f1f1f1;
    --library-container-bg: #FFFFFF;
    --library-container-border: 1px solid #E5E7EB;
    --library-card-bg: #FFFFFF;
    --library-card-border: 1px solid #E5E7EB;
    --library-card-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    --library-empty-bg: #F9FAFB;
    --library-empty-border: 1px solid #E5E7EB;
    --library-empty-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    --library-scrollbar-track: #F3F4F6;

    /* Notification-specific colors */
    --notification-body-bg: #FAFAFA;
    --notification-item-bg: #FFFFFF;
    --notification-shadow-color: rgba(0, 0, 0, 0.08);
    --notification-item-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    --notification-item-hover-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    --notification-unread-border: #ff8533;
    --notification-unread-bg: rgba(255, 133, 51, 0.1);
    --notification-icon-bg: rgba(0, 0, 0, 0.1);
    --notification-logo-bg: linear-gradient(135deg, #f8f9fa, #e9ecef);
    --notification-logo-shadow: 0 2px 8px rgba(255, 133, 51, 0.3);
    --notification-major-badge-bg: linear-gradient(135deg, #ff6b1a, #ff8533);
    --notification-major-badge-shadow: 0 2px 4px rgba(255, 107, 26, 0.4);
    --notification-minor-badge-bg: linear-gradient(135deg, #4a90e2, #5ba0f2);
    --notification-minor-badge-shadow: 0 2px 8px rgba(75, 144, 226, 0.4);
    --notification-empty-bg: rgba(0, 0, 0, 0.05);
    --notification-empty-border: rgba(0, 0, 0, 0.1);
    --notification-modal-bg: linear-gradient(135deg, #FFFFFF, #f8f9fa);
    --notification-modal-shadow: 0 8px 25px rgba(255, 133, 51, 0.25);
    --notification-modal-header-bg: linear-gradient(135deg, #ff8533, #ffa617);
    --notification-content-bg: rgba(0, 0, 0, 0.05);
    --notification-modal-footer-bg: rgba(0, 0, 0, 0.05);
    --notification-btn-shadow: 0 3px 12px rgba(255, 133, 51, 0.3);
    --notification-btn-hover-shadow: 0 4px 16px rgba(255, 133, 51, 0.4);
    --notification-btn-border: #D1D5DB;

    /* Novel Detail specific colors - Light Mode */
    --novel-info-bg: #FFFFFF;
    --novel-warning-bg: #fff1f1;
    --novel-warning-border: #b32e2e;
    --novel-warning-color: #b32e2e;
    --novel-metric-bg: rgba(0, 0, 0, 0.1);
    --novel-metric-color: #333;
    --dual-window-bg: #FFFFFF;
    --window-tabs-bg: #f0f0f0;
    --tab-btn-active-bg: #FFFFFF;
    --chapter-item-border: #e0e0e0;
    --chapter-item-hover-bg: #f0f0f0;
    --chapter-link-color: #333;
    --chapter-date-color: #666;
    --adult-content-bg: #fff8f4; 
    --adult-content-border: #ff6600;
    --draft-bg: #fffaf5;
    --draft-border: #ffa64d;
    --adult-content-hover-bg: #fff0e6;
    --draft-hover-bg: #fff5eb;
    --adult-content-text: #994000;
    --draft-text: #b26a00;
    --review-form-textarea-bg: #fff;
    --review-form-textarea-color: #333;
    --review-form-textarea-border: #ccc;
    --review-item-border: #e0e0e0;
    --user-own-review-bg: #f5f5f5;
    --user-own-review-border: #f57c00;
    --review-actions-color: #666;
    --response-item-bg: #f8f9fa;
    --response-date-color: #6c757d;
    --response-content-bg: white;
    --response-content-color: #333;
    --response-content-border: #ccc;
    --edit-content-bg: #f0f0f0;
    --edit-content-border: #ccc;
    --edit-response-bg: #f9f9f9;
    --edit-response-border: #ccc;
    --no-reviews-color: #1A1A1A;
    --message-color: #fff;
    --tag-color: #e2e2e280;
    --tag-text-color: #1A1A1A;

    /* Novel Statistics specific colors - Light Mode */
    --novelstat-text-color: #1A1A1A;
    --novelstat-container-bg: #FFFFFF;
    --novelstat-border-color: #e68a00;
    --novelstat-selector-bg: #F8F9FA;
    --novelstat-selector-text: #1A1A1A;
    --novelstat-muted-text: #6B7280;
    --novelstat-empty-state-bg: #fff5e6;
    --novelstat-empty-state-text: #333333;
    --novelstat-image-placeholder-bg: #E5E7EB;
    --novelstat-delete-btn-hover: #ff4d4d;
    --novelstat-genre-bg: #F1F3F4;
    --novelstat-genre-hover-text: #FFFFFF;
    --novelstat-badge-text: black;
    --novelstat-chapter-border: #E0E0E0;
    --novelstat-chapter-meta-text: #6c757d;
    --novelstat-modal-cancel-bg: #F3F4F6;
    --novelstat-modal-cancel-hover: #E5E7EB;
    --novelstat-modal-delete-hover: #d62828;
    --novelstat-title-span-color: #ff8533;

    /* Vote Container specific colors - Light Mode */
    --vote-placeholder-color: #9CA3AF;
    --vote-btn-remove-bg: #E5E7EB;
    --vote-btn-remove-hover-bg: #D1D5DB;
    --vote-btn-text-color: #1A1A1A;

    /* Chapter Creator specific colors - Dark Mode */
    --create-chapter-page-bg: #f1f3f5;
    --chapter-extra-text-color: #555555;
    --create-chapter-toggle: #c5c5c5;
    --editor-bg: #ffffff;
    --editor-button-text: #333;
    --editor-button-hover: #f0f0f0;
    --editor-content-bg: #ffffff;
    --editor-border: #ccc;
    --title-input-text: #333;
    --title-input-bg: #ffffff;
    --title-input-focus-bg: #f8f9fa;
    --text-primary-color: #333;
    --text-secondary-color: #666;
    --dropdown-bg: #ffffff;
    --dropdown-border: #ddd;
    --dropdown-item-border: #eee;
    --dropdown-item-hover: #f5f5f5;
    --dropdown-item-current: #f8f9fa;
    --toggle-slider-color: white;
    --button-secondary-bg: #6c757d;
    --button-secondary-hover: #5a6268;
    --popup-bg: #ffffff;

    /* Advanced Settings Colors - Light Mode */
    --advanced-text-shadow: rgba(0,0,0,0.1);
    --advanced-nav-border: #E0E0E0;
    --advanced-tab-bg: #FFFFFF;
    --advanced-tab-hover-bg: #F8F9FA;
    --advanced-tab-active-text: #FFFFFF;
    --advanced-tab-disabled-bg: #F9FAFB;
    --advanced-tab-disabled-text: #9CA3AF;
    --advanced-card-bg: #FFFFFF;
    --advanced-card-shadow: 0 4px 15px rgba(0,0,0,0.08);
    --advanced-input-bg: #FAFAFA;
    --advanced-input-focus-shadow: rgba(255, 165, 0, 0.1);
    --advanced-input-prefix-border: #D1D5DB;
    --advanced-placeholder-color: #9CA3AF;
    --advanced-help-bg: rgba(255, 165, 0, 0.05);
    --advanced-button-text: #FFFFFF;
    --advanced-button-hover: #FFB347;
    --advanced-button-shadow: 0 4px 12px rgba(255, 165, 0, 0.3);
    --advanced-button-hover-shadow: 0 6px 20px rgba(255, 165, 0, 0.4);
    --advanced-popup-bg: linear-gradient(135deg, #FFFFFF, #F8F9FA);
    --advanced-popup-shadow: 0 8px 25px rgba(0, 0, 0, 0.08), 0 0 20px rgba(255, 165, 0, 0.2);
    --advanced-popup-close-hover: rgba(255, 165, 0, 0.1);
    --advanced-popup-success-shadow: 0 8px 25px rgba(0, 0, 0, 0.08), 0 0 20px rgba(40, 167, 69, 0.2);
    --advanced-popup-error-shadow: 0 8px 25px rgba(0, 0, 0, 0.08), 0 0 20px rgba(220, 53, 69, 0.2);

    /* Footer Colors - Light Mode */
    --footer-bg-gradient: #FFFFFF;
    --footer-text-color: #495057;
    --footer-accent-gradient: linear-gradient(90deg, transparent, #f39c12, transparent);
    --footer-tagline-color: #6c757d;
    --footer-link-color: #6c757d;
    --footer-social-bg: rgba(243, 156, 18, 0.1);
    --footer-social-border: rgba(243, 156, 18, 0.2);
    --footer-social-hover-text: #FFFFFF;
    --footer-social-hover-shadow: 0 8px 25px rgba(243, 156, 18, 0.3);
    --footer-copyright-color: #868e96;

    /* Genre Section Colors - Light Mode */
    --genre-item-bg: rgba(0, 0, 0, 0.02);
    --genre-item-border: rgba(255, 140, 0, 0.15);
    --genre-item-shimmer: linear-gradient(90deg, transparent, rgba(255, 140, 0, 0.08), transparent);
    --genre-item-hover-border: rgba(255, 140, 0, 0.4);
    --genre-item-hover-shadow: 0 10px 30px rgba(255, 140, 0, 0.15);
    --genre-item-hover-bg: rgba(255, 140, 0, 0.08);

    /* ads section - Light Mode */
    --ads-bg: #f5f5f5;
}