/* Theme Styles */
/* Light Theme (Default) */
:root {
    --primary: #4361ee;
    --secondary: #4cc9f0;
    --background: #f5f5f5;
    --card-bg: white;
    --text: #333;
    --text-secondary: #666;
    --border: #ddd;
    --shadow: rgba(0, 0, 0, 0.1);
    --hover: #f0f0f0;
    --active: #e0e0e0;
    --input-bg: white;
    --input-border: #ddd;
    --input-focus: #4361ee;
    --tag-bg: #f0f0f0;
    --tag-text: #333;
    --tag-hover: #e0e0e0;
    --notification-success: #27ae60;
    --notification-info: #4361ee;
    --notification-warning: #f39c12;
    --notification-error: #e74c3c;
    --header-bg: white;
    --header-text: #333;
    --header-border: #ddd;
    --footer-bg: white;
    --footer-text: #666;
    --footer-border: #ddd;
    --book-card-bg: white;
    --book-card-hover: #f0f0f0;
    --book-card-border: #ddd;
    --book-title: #333;
    --book-author: #666;
    --book-tag: #f0f0f0;
    --book-tag-text: #333;
    --book-tag-hover: #e0e0e0;
    --search-bg: white;
    --search-border: #ddd;
    --search-text: #333;
    --tag-cloud-item: #f0f0f0;
    --tag-cloud-item-hover: #e0e0e0;
    --tag-cloud-item-active: #4361ee;
    --scrollbar-track: #f0f0f0;
    --scrollbar-thumb: #ccc;
    --scrollbar-thumb-hover: #bbb;
    --button-bg: #4361ee;
    --button-hover: #3f37c9;
    --button-text: white;
    --button-secondary-bg: #f0f0f0;
    --button-secondary-hover: #e0e0e0;
    --button-secondary-text: #333;
    --modal-bg: rgba(0, 0, 0, 0.5);
    --modal-content: white;
    --modal-border: #ddd;
    --modal-header: #f0f0f0;
    --modal-header-text: #333;
    --modal-footer: #f0f0f0;
    --modal-footer-border: #ddd;
    --toast-bg: white;
    --toast-text: #333;
    --toast-border: #ddd;
    --tooltip-bg: white;
    --tooltip-text: #333;
    --tooltip-border: #ddd;
    --loading-overlay: rgba(255, 255, 255, 0.8);
    --loading-spinner: #4361ee;
    --skeleton-bg: #f0f0f0;
    --skeleton-highlight: #e0e0e0;
    --breadcrumb-link: #4361ee;
    --breadcrumb-link-hover: #3f37c9;
    --breadcrumb-separator: #666;
    --pagination-bg: white;
    --pagination-border: #ddd;
    --pagination-hover: #f0f0f0;
    --pagination-active: #4361ee;
    --pagination-disabled: #f0f0f0;
    --pagination-disabled-text: #999;
    --table-header: #f0f0f0;
    --table-header-text: #333;
    --table-row: white;
    --table-row-hover: #f0f0f0;
    --table-border: #ddd;
    --code-bg: #f0f0f0;
    --code-text: #333;
    --code-border: #ddd;
    --blockquote-bg: #f0f0f0;
    --blockquote-border: #4361ee;
    --blockquote-text: #333;
    --list-item-hover: #f0f0f0;
    --list-item-active: #4361ee;
    --list-item-text: #333;
    --list-item-border: #ddd;
    --form-label: #333;
    --form-input: white;
    --form-input-border: #ddd;
    --form-input-focus: #4361ee;
    --form-input-text: #333;
    --form-checkbox: white;
    --form-checkbox-checked: #4361ee;
    --form-radio: white;
    --form-radio-checked: #4361ee;
    --form-select: white;
    --form-select-border: #ddd;
    --form-select-focus: #4361ee;
    --form-select-text: #333;
    --form-textarea: white;
    --form-textarea-border: #ddd;
    --form-textarea-focus: #4361ee;
    --form-textarea-text: #333;
    --form-button: #4361ee;
    --form-button-hover: #2980b9;
    --form-button-text: white;
    --form-button-secondary: #f0f0f0;
    --form-button-secondary-hover: #e0e0e0;
    --form-button-secondary-text: #333;
    --form-error: #e74c3c;
    --form-success: #27ae60;
    --form-warning: #f39c12;
    --form-info: #4361ee;
    --form-disabled: #f0f0f0;
    --form-disabled-text: #999;
    --nav-link: #333;
    --nav-link-hover: #4361ee;
    --nav-link-active: #4361ee;
    --nav-border: #ddd;
    --nav-bg: white;
    --sidebar-bg: white;
    --sidebar-text: #333;
    --sidebar-border: #ddd;
    --sidebar-link: #333;
    --sidebar-link-hover: #4361ee;
    --sidebar-link-active: #4361ee;
    --sidebar-header: #f0f0f0;
    --sidebar-header-text: #333;
    --sidebar-footer: #f0f0f0;
    --sidebar-footer-text: #666;
    --sidebar-footer-border: #ddd;
    --card-header: #f0f0f0;
    --card-header-text: #333;
    --card-body: white;
    --card-body-text: #333;
    --card-footer: #f0f0f0;
    --card-footer-text: #666;
    --card-footer-border: #ddd;
    --card-border: #ddd;
    --badge-bg: #f0f0f0;
    --badge-text: #333;
    --badge-border: #ddd;
    --badge-success: #27ae60;
    --badge-info: #4361ee;
    --badge-warning: #f39c12;
    --badge-error: #e74c3c;
    --alert-bg: white;
    --alert-text: #333;
    --alert-border: #ddd;
    --alert-success: #27ae60;
    --alert-info: #4361ee;
    --alert-warning: #f39c12;
    --alert-error: #e74c3c;
    --dropdown-bg: white;
    --dropdown-border: #ddd;
    --dropdown-item: #333;
    --dropdown-item-hover: #f0f0f0;
    --dropdown-item-active: #4361ee;
    --dropdown-item-disabled: #f0f0f0;
    --dropdown-item-disabled-text: #999;
    --popover-bg: white;
    --popover-border: #ddd;
    --popover-text: #333;
    --tooltip-bg: white;
    --tooltip-text: #333;
    --tooltip-border: #ddd;
    --scrollbar-track: #f0f0f0;
    --scrollbar-thumb: #ccc;
    --scrollbar-thumb-hover: #bbb;
    --selection-bg: #4361ee;
    --selection-text: white;
    --placeholder: #999;
    --disabled: #f0f0f0;
    --disabled-text: #999;
    --divider: #ddd;
    --backdrop: rgba(0, 0, 0, 0.5);
    --shadow-sm: 0 1px 5px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 2px 10px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 4px 20px rgba(0, 0, 0, 0.08);
    --shadow-xl: 0 8px 30px rgba(0, 0, 0, 0.1);
    --transition: all 0.3s ease;
    --border-radius: 4px;
    --border-radius-lg: 8px;
    --border-radius-xl: 12px;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --font-size-xs: 12px;
    --font-size-sm: 14px;
    --font-size-md: 16px;
    --font-size-lg: 18px;
    --font-size-xl: 20px;
    --font-size-2xl: 24px;
    --font-size-3xl: 30px;
    --font-size-4xl: 36px;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --line-height-xs: 1.2;
    --line-height-sm: 1.3;
    --line-height-md: 1.5;
    --line-height-lg: 1.6;
    --line-height-xl: 1.8;
    --line-height-2xl: 2;
    --letter-spacing-xs: 0.025em;
    --letter-spacing-sm: 0.05em;
    --letter-spacing-md: 0.1em;
    --letter-spacing-lg: 0.15em;
    --letter-spacing-xl: 0.2em;
    --z-index-dropdown: 1000;
    --z-index-sticky: 1020;
    --z-index-fixed: 1030;
    --z-index-modal-backdrop: 1040;
    --z-index-modal: 1050;
    --z-index-popover: 1060;
    --z-index-tooltip: 1070;
    --z-index-toast: 1080;
    --z-index-alert: 1090;
    --z-index-loading: 1100;
    
    /* Theme Menu Variables */
    --theme-menu-bg: white;
    --theme-menu-border: #ddd;
    --theme-menu-shadow: rgba(0, 0, 0, 0.1);
    --theme-menu-item-text: #333;
    --theme-menu-item-hover: #f5f5f5;
}

/* Theme Menu Styles */
.theme-menu {
    background: var(--theme-menu-bg);
    border: 1px solid var(--theme-menu-border);
    border-radius: var(--border-radius-lg);
    box-shadow: 0 4px 12px var(--theme-menu-shadow);
    padding: 8px 0;
    min-width: 140px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.theme-menu-item {
    padding: 10px 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: var(--theme-menu-item-text);
    transition: var(--transition);
}

.theme-menu-item:hover {
    background: var(--theme-menu-item-hover);
}

.theme-menu-item i {
    width: 16px;
    text-align: center;
}

/* Theme Logo - SVG color adaptation */
.theme-logo {
    filter: invert(0);
    transition: var(--transition);
}

.dark-mode .theme-logo {
    filter: invert(1);
}

.sepia-mode .theme-logo {
    filter: sepia(0.8) invert(0.2);
}

.forest-mode .theme-logo {
    filter: sepia(0.3) hue-rotate(90deg) saturate(2);
}

.ocean-mode .theme-logo {
    filter: sepia(0.3) hue-rotate(200deg) saturate(2);
}

/* Dark Theme */
.dark-mode {
    --primary: #4361ee;
    --secondary: #2c3e50;
    --background: #121212;
    --card-bg: #1e1e1e;
    --text: #e0e0e0;
    --text-secondary: #b0b0b0;
    --border: #333;
    --shadow: rgba(0, 0, 0, 0.5);
    --hover: #2a2a2a;
    --active: #3a3a3a;
    --input-bg: #2a2a2a;
    --input-border: #444;
    --input-focus: #4361ee;
    --tag-bg: #2a2a2a;
    --tag-text: #e0e0e0;
    --tag-hover: #3a3a3a;
    --notification-success: #27ae60;
    --notification-info: #4361ee;
    --notification-warning: #f39c12;
    --notification-error: #e74c3c;
    --header-bg: #1e1e1e;
    --header-text: #e0e0e0;
    --header-border: #333;
    --footer-bg: #1e1e1e;
    --footer-text: #b0b0b0;
    --footer-border: #333;
    --book-card-bg: #1e1e1e;
    --book-card-hover: #2a2a2a;
    --book-card-border: #333;
    --book-title: #e0e0e0;
    --book-author: #b0b0b0;
    --book-tag: #2a2a2a;
    --book-tag-text: #e0e0e0;
    --book-tag-hover: #3a3a3a;
    --search-bg: #2a2a2a;
    --search-border: #444;
    --search-text: #e0e0e0;
    --tag-cloud-item: #2a2a2a;
    --tag-cloud-item-hover: #3a3a3a;
    --tag-cloud-item-active: #4361ee;
    --scrollbar-track: #1e1e1e;
    --scrollbar-thumb: #444;
    --scrollbar-thumb-hover: #555;
    --button-bg: #4361ee;
    --button-hover: #3f37c9;
    --button-text: white;
    --button-secondary-bg: #2a2a2a;
    --button-secondary-hover: #3a3a3a;
    --button-secondary-text: #e0e0e0;
    --modal-bg: rgba(0, 0, 0, 0.8);
    --modal-content: #1e1e1e;
    --modal-border: #333;
    --modal-header: #2a2a2a;
    --modal-header-text: #e0e0e0;
    --modal-footer: #2a2a2a;
    --modal-footer-border: #333;
    --toast-bg: #1e1e1e;
    --toast-text: #e0e0e0;
    --toast-border: #333;
    --tooltip-bg: #1e1e1e;
    --tooltip-text: #e0e0e0;
    --tooltip-border: #333;
    --loading-overlay: rgba(0, 0, 0, 0.8);
    --loading-spinner: #4361ee;
    --skeleton-bg: #1e1e1e;
    --skeleton-highlight: #2a2a2a;
    --breadcrumb-link: #4361ee;
    --breadcrumb-link-hover: #2980b9;
    --breadcrumb-separator: #b0b0b0;
    --pagination-bg: #1e1e1e;
    --pagination-border: #333;
    --pagination-hover: #2a2a2a;
    --pagination-active: #4361ee;
    --pagination-disabled: #444;
    --pagination-disabled-text: #888;
    --table-header: #2a2a2a;
    --table-header-text: #e0e0e0;
    --table-row: #1e1e1e;
    --table-row-hover: #2a2a2a;
    --table-border: #333;
    --code-bg: #2a2a2a;
    --code-text: #e0e0e0;
    --code-border: #333;
    --blockquote-bg: #2a2a2a;
    --blockquote-border: #4361ee;
    --blockquote-text: #e0e0e0;
    --list-item-hover: #2a2a2a;
    --list-item-active: #4361ee;
    --list-item-text: #e0e0e0;
    --list-item-border: #333;
    --form-label: #e0e0e0;
    --form-input: #2a2a2a;
    --form-input-border: #444;
    --form-input-focus: #4361ee;
    --form-input-text: #e0e0e0;
    --form-checkbox: #2a2a2a;
    --form-checkbox-checked: #4361ee;
    --form-radio: #2a2a2a;
    --form-radio-checked: #4361ee;
    --form-select: #2a2a2a;
    --form-select-border: #444;
    --form-select-focus: #4361ee;
    --form-select-text: #e0e0e0;
    --form-textarea: #2a2a2a;
    --form-textarea-border: #444;
    --form-textarea-focus: #4361ee;
    --form-textarea-text: #e0e0e0;
    --form-button: #4361ee;
    --form-button-hover: #2980b9;
    --form-button-text: white;
    --form-button-secondary: #2a2a2a;
    --form-button-secondary-hover: #3a3a3a;
    --form-button-secondary-text: #e0e0e0;
    --form-error: #e74c3c;
    --form-success: #27ae60;
    --form-warning: #f39c12;
    --form-info: #4361ee;
    --form-disabled: #444;
    --form-disabled-text: #888;
    --nav-link: #e0e0e0;
    --nav-link-hover: #4361ee;
    --nav-link-active: #4361ee;
    --nav-border: #333;
    --nav-bg: #1e1e1e;
    --sidebar-bg: #1e1e1e;
    --sidebar-text: #e0e0e0;
    --sidebar-border: #333;
    --sidebar-link: #e0e0e0;
    --sidebar-link-hover: #4361ee;
    --sidebar-link-active: #4361ee;
    --sidebar-header: #2a2a2a;
    --sidebar-header-text: #e0e0e0;
    --sidebar-footer: #2a2a2a;
    --sidebar-footer-text: #b0b0b0;
    --sidebar-footer-border: #333;
    --card-header: #2a2a2a;
    --card-header-text: #e0e0e0;
    --card-body: #1e1e1e;
    --card-body-text: #e0e0e0;
    --card-footer: #2a2a2a;
    --card-footer-text: #b0b0b0;
    --card-footer-border: #333;
    --card-border: #333;
    --badge-bg: #2a2a2a;
    --badge-text: #e0e0e0;
    --badge-border: #333;
    --badge-success: #27ae60;
    --badge-info: #4361ee;
    --badge-warning: #f39c12;
    --badge-error: #e74c3c;
    --alert-bg: #2a2a2a;
    --alert-text: #e0e0e0;
    --alert-border: #333;
    --alert-success: #27ae60;
    --alert-info: #4361ee;
    --alert-warning: #f39c12;
    --alert-error: #e74c3c;
    --dropdown-bg: #1e1e1e;
    --dropdown-border: #333;
    --dropdown-item: #e0e0e0;
    --dropdown-item-hover: #2a2a2a;
    --dropdown-item-active: #4361ee;
    --dropdown-item-disabled: #444;
    --dropdown-item-disabled-text: #888;
    --popover-bg: #1e1e1e;
    --popover-border: #333;
    --popover-text: #e0e0e0;
    --tooltip-bg: #1e1e1e;
    --tooltip-text: #e0e0e0;
    --tooltip-border: #333;
    --scrollbar-track: #1e1e1e;
    --scrollbar-thumb: #444;
    --scrollbar-thumb-hover: #555;
    --selection-bg: #4361ee;
    --selection-text: white;
    --placeholder: #888;
    --disabled: #444;
    --disabled-text: #888;
    --divider: #333;
    --backdrop: rgba(0, 0, 0, 0.8);
    --shadow-sm: 0 1px 5px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 2px 10px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 4px 20px rgba(0, 0, 0, 0.3);
    --shadow-xl: 0 8px 30px rgba(0, 0, 0, 0.4);
    
    /* Theme Menu Variables */
    --theme-menu-bg: #1e1e1e;
    --theme-menu-border: #333;
    --theme-menu-shadow: rgba(0, 0, 0, 0.5);
    --theme-menu-item-text: #e0e0e0;
    --theme-menu-item-hover: #2a2a2a;
    
    color: var(--text);
    background-color: var(--background);
}

.dark-mode .loading-overlay {
    background-color: var(--loading-overlay);
}

.dark-mode .loading-spinner {
    border-color: var(--loading-spinner);
    border-top-color: transparent;
}

/* Sepia Theme */
.sepia-mode {
    --primary: #8b4513;
    --secondary: #a0522d;
    --background: #f5e6d3;
    --card-bg: #f0d9b5;
    --text: #5d4037;
    --text-secondary: #8d6e63;
    --border: #d4b996;
    --shadow: rgba(139, 69, 19, 0.2);
    --hover: #e8d2b0;
    --active: #d4b996;
    --input-bg: #f0d9b5;
    --input-border: #d4b996;
    --input-focus: #8b4513;
    --tag-bg: #f0d9b5;
    --tag-text: #5d4037;
    --tag-hover: #e8d2b0;
    --notification-success: #2e7d32;
    --notification-info: #1565c0;
    --notification-warning: #ef6c00;
    --notification-error: #c62828;
    --header-bg: #f0d9b5;
    --header-text: #5d4037;
    --header-border: #d4b996;
    --footer-bg: #f0d9b5;
    --footer-text: #8d6e63;
    --footer-border: #d4b996;
    --book-card-bg: #f0d9b5;
    --book-card-hover: #e8d2b0;
    --book-card-border: #d4b996;
    --book-title: #5d4037;
    --book-author: #8d6e63;
    --book-tag: #f0d9b5;
    --book-tag-text: #5d4037;
    --book-tag-hover: #e8d2b0;
    --search-bg: #f0d9b5;
    --search-border: #d4b996;
    --search-text: #5d4037;
    --tag-cloud-item: #f0d9b5;
    --tag-cloud-item-hover: #e8d2b0;
    --tag-cloud-item-active: #8b4513;
    --scrollbar-track: #f0d9b5;
    --scrollbar-thumb: #d4b996;
    --scrollbar-thumb-hover: #c0a580;
    --button-bg: #8b4513;
    --button-hover: #6d3409;
    --button-text: white;
    --button-secondary-bg: #f0d9b5;
    --button-secondary-hover: #e8d2b0;
    --button-secondary-text: #5d4037;
    --modal-bg: rgba(93, 64, 55, 0.8);
    --modal-content: #f0d9b5;
    --modal-border: #d4b996;
    --modal-header: #e8d2b0;
    --modal-header-text: #5d4037;
    --modal-footer: #e8d2b0;
    --modal-footer-border: #d4b996;
    --toast-bg: #f0d9b5;
    --toast-text: #5d4037;
    --toast-border: #d4b996;
    --tooltip-bg: #f0d9b5;
    --tooltip-text: #5d4037;
    --tooltip-border: #d4b996;
    --loading-overlay: rgba(93, 64, 55, 0.8);
    --loading-spinner: #8b4513;
    --skeleton-bg: #f0d9b5;
    --skeleton-highlight: #e8d2b0;
    --breadcrumb-link: #8b4513;
    --breadcrumb-link-hover: #6d3409;
    --breadcrumb-separator: #8d6e63;
    --pagination-bg: #f0d9b5;
    --pagination-border: #d4b996;
    --pagination-hover: #e8d2b0;
    --pagination-active: #8b4513;
    --pagination-disabled: #d4b996;
    --pagination-disabled-text: #8d6e63;
    --table-header: #e8d2b0;
    --table-header-text: #5d4037;
    --table-row: #f0d9b5;
    --table-row-hover: #e8d2b0;
    --table-border: #d4b996;
    --code-bg: #e8d2b0;
    --code-text: #5d4037;
    --code-border: #d4b996;
    --blockquote-bg: #e8d2b0;
    --blockquote-border: #8b4513;
    --blockquote-text: #5d4037;
    --list-item-hover: #e8d2b0;
    --list-item-active: #8b4513;
    --list-item-text: #5d4037;
    --list-item-border: #d4b996;
    --form-label: #5d4037;
    --form-input: #f0d9b5;
    --form-input-border: #d4b996;
    --form-input-focus: #8b4513;
    --form-input-text: #5d4037;
    --form-checkbox: #f0d9b5;
    --form-checkbox-checked: #8b4513;
    --form-radio: #f0d9b5;
    --form-radio-checked: #8b4513;
    --form-select: #f0d9b5;
    --form-select-border: #d4b996;
    --form-select-focus: #8b4513;
    --form-select-text: #5d4037;
    --form-textarea: #f0d9b5;
    --form-textarea-border: #d4b996;
    --form-textarea-focus: #8b4513;
    --form-textarea-text: #5d4037;
    --form-button: #8b4513;
    --form-button-hover: #6d3409;
    --form-button-text: white;
    --form-button-secondary: #f0d9b5;
    --form-button-secondary-hover: #e8d2b0;
    --form-button-secondary-text: #5d4037;
    --form-error: #c62828;
    --form-success: #2e7d32;
    --form-warning: #ef6c00;
    --form-info: #1565c0;
    --form-disabled: #d4b996;
    --form-disabled-text: #8d6e63;
    --nav-link: #5d4037;
    --nav-link-hover: #8b4513;
    --nav-link-active: #8b4513;
    --nav-border: #d4b996;
    --nav-bg: #f0d9b5;
    --sidebar-bg: #f0d9b5;
    --sidebar-text: #5d4037;
    --sidebar-border: #d4b996;
    --sidebar-link: #5d4037;
    --sidebar-link-hover: #8b4513;
    --sidebar-link-active: #8b4513;
    --sidebar-header: #e8d2b0;
    --sidebar-header-text: #5d4037;
    --sidebar-footer: #e8d2b0;
    --sidebar-footer-text: #8d6e63;
    --sidebar-footer-border: #d4b996;
    --card-header: #e8d2b0;
    --card-header-text: #5d4037;
    --card-body: #f0d9b5;
    --card-body-text: #5d4037;
    --card-footer: #e8d2b0;
    --card-footer-text: #8d6e63;
    --card-footer-border: #d4b996;
    --card-border: #d4b996;
    --badge-bg: #f0d9b5;
    --badge-text: #5d4037;
    --badge-border: #d4b996;
    --badge-success: #2e7d32;
    --badge-info: #1565c0;
    --badge-warning: #ef6c00;
    --badge-error: #c62828;
    --alert-bg: #f0d9b5;
    --alert-text: #5d4037;
    --alert-border: #d4b996;
    --alert-success: #2e7d32;
    --alert-info: #1565c0;
    --alert-warning: #ef6c00;
    --alert-error: #c62828;
    --dropdown-bg: #f0d9b5;
    --dropdown-border: #d4b996;
    --dropdown-item: #5d4037;
    --dropdown-item-hover: #e8d2b0;
    --dropdown-item-active: #8b4513;
    --dropdown-item-disabled: #d4b996;
    --dropdown-item-disabled-text: #8d6e63;
    --popover-bg: #f0d9b5;
    --popover-border: #d4b996;
    --popover-text: #5d4037;
    --tooltip-bg: #f0d9b5;
    --tooltip-text: #5d4037;
    --tooltip-border: #d4b996;
    --scrollbar-track: #f0d9b5;
    --scrollbar-thumb: #d4b996;
    --scrollbar-thumb-hover: #c0a580;
    --selection-bg: #8b4513;
    --selection-text: white;
    --placeholder: #8d6e63;
    --disabled: #d4b996;
    --disabled-text: #8d6e63;
    --divider: #d4b996;
    --backdrop: rgba(93, 64, 55, 0.8);
    --shadow-sm: 0 1px 5px rgba(139, 69, 19, 0.1);
    --shadow-md: 0 2px 10px rgba(139, 69, 19, 0.2);
    --shadow-lg: 0 4px 20px rgba(139, 69, 19, 0.2);
    --shadow-xl: 0 8px 30px rgba(139, 69, 19, 0.3);
    
    /* Theme Menu Variables */
    --theme-menu-bg: #f0d9b5;
    --theme-menu-border: #d4b996;
    --theme-menu-shadow: rgba(139, 69, 19, 0.2);
    --theme-menu-item-text: #5d4037;
    --theme-menu-item-hover: #e8d2b0;
    
    color: var(--text);
    background-color: var(--background);
}

.sepia-mode .loading-overlay {
    background-color: var(--loading-overlay);
}

.sepia-mode .loading-spinner {
    border-color: var(--loading-spinner);
    border-top-color: transparent;
}

/* Forest Theme */
.forest-mode {
    --primary: #2e7d32;
    --secondary: #388e3c;
    --background: #f1f8e9;
    --card-bg: #e8f5e8;
    --text: #2e7d32;
    --text-secondary: #388e3c;
    --border: #c8e6c9;
    --shadow: rgba(46, 125, 50, 0.2);
    --hover: #dcedc8;
    --active: #c8e6c9;
    --input-bg: #e8f5e8;
    --input-border: #c8e6c9;
    --input-focus: #2e7d32;
    --tag-bg: #e8f5e8;
    --tag-text: #2e7d32;
    --tag-hover: #dcedc8;
    --notification-success: #2e7d32;
    --notification-info: #1565c0;
    --notification-warning: #ef6c00;
    --notification-error: #c62828;
    --header-bg: #e8f5e8;
    --header-text: #2e7d32;
    --header-border: #c8e6c9;
    --footer-bg: #e8f5e8;
    --footer-text: #388e3c;
    --footer-border: #c8e6c9;
    --book-card-bg: #e8f5e8;
    --book-card-hover: #dcedc8;
    --book-card-border: #c8e6c9;
    --book-title: #2e7d32;
    --book-author: #388e3c;
    --book-tag: #e8f5e8;
    --book-tag-text: #2e7d32;
    --book-tag-hover: #dcedc8;
    --search-bg: #e8f5e8;
    --search-border: #c8e6c9;
    --search-text: #2e7d32;
    --tag-cloud-item: #e8f5e8;
    --tag-cloud-item-hover: #dcedc8;
    --tag-cloud-item-active: #2e7d32;
    --scrollbar-track: #e8f5e8;
    --scrollbar-thumb: #c8e6c9;
    --scrollbar-thumb-hover: #a5d6a7;
    --button-bg: #2e7d32;
    --button-hover: #1b5e20;
    --button-text: white;
    --button-secondary-bg: #e8f5e8;
    --button-secondary-hover: #dcedc8;
    --button-secondary-text: #2e7d32;
    --modal-bg: rgba(46, 125, 50, 0.8);
    --modal-content: #e8f5e8;
    --modal-border: #c8e6c9;
    --modal-header: #dcedc8;
    --modal-header-text: #2e7d32;
    --modal-footer: #dcedc8;
    --modal-footer-border: #c8e6c9;
    --toast-bg: #e8f5e8;
    --toast-text: #2e7d32;
    --toast-border: #c8e6c9;
    --tooltip-bg: #e8f5e8;
    --tooltip-text: #2e7d32;
    --tooltip-border: #c8e6c9;
    --loading-overlay: rgba(46, 125, 50, 0.8);
    --loading-spinner: #2e7d32;
    --skeleton-bg: #e8f5e8;
    --skeleton-highlight: #dcedc8;
    --breadcrumb-link: #2e7d32;
    --breadcrumb-link-hover: #1b5e20;
    --breadcrumb-separator: #388e3c;
    --pagination-bg: #e8f5e8;
    --pagination-border: #c8e6c9;
    --pagination-hover: #dcedc8;
    --pagination-active: #2e7d32;
    --pagination-disabled: #c8e6c9;
    --pagination-disabled-text: #388e3c;
    --table-header: #dcedc8;
    --table-header-text: #2e7d32;
    --table-row: #e8f5e8;
    --table-row-hover: #dcedc8;
    --table-border: #c8e6c9;
    --code-bg: #dcedc8;
    --code-text: #2e7d32;
    --code-border: #c8e6c9;
    --blockquote-bg: #dcedc8;
    --blockquote-border: #2e7d32;
    --blockquote-text: #2e7d32;
    --list-item-hover: #dcedc8;
    --list-item-active: #2e7d32;
    --list-item-text: #2e7d32;
    --list-item-border: #c8e6c9;
    --form-label: #2e7d32;
    --form-input: #e8f5e8;
    --form-input-border: #c8e6c9;
    --form-input-focus: #2e7d32;
    --form-input-text: #2e7d32;
    --form-checkbox: #e8f5e8;
    --form-checkbox-checked: #2e7d32;
    --form-radio: #e8f5e8;
    --form-radio-checked: #2e7d32;
    --form-select: #e8f5e8;
    --form-select-border: #c8e6c9;
    --form-select-focus: #2e7d32;
    --form-select-text: #2e7d32;
    --form-textarea: #e8f5e8;
    --form-textarea-border: #c8e6c9;
    --form-textarea-focus: #2e7d32;
    --form-textarea-text: #2e7d32;
    --form-button: #2e7d32;
    --form-button-hover: #1b5e20;
    --form-button-text: white;
    --form-button-secondary: #e8f5e8;
    --form-button-secondary-hover: #dcedc8;
    --form-button-secondary-text: #2e7d32;
    --form-error: #c62828;
    --form-success: #2e7d32;
    --form-warning: #ef6c00;
    --form-info: #1565c0;
    --form-disabled: #c8e6c9;
    --form-disabled-text: #388e3c;
    --nav-link: #2e7d32;
    --nav-link-hover: #1b5e20;
    --nav-link-active: #1b5e20;
    --nav-border: #c8e6c9;
    --nav-bg: #e8f5e8;
    --sidebar-bg: #e8f5e8;
    --sidebar-text: #2e7d32;
    --sidebar-border: #c8e6c9;
    --sidebar-link: #2e7d32;
    --sidebar-link-hover: #1b5e20;
    --sidebar-link-active: #1b5e20;
    --sidebar-header: #dcedc8;
    --sidebar-header-text: #2e7d32;
    --sidebar-footer: #dcedc8;
    --sidebar-footer-text: #388e3c;
    --sidebar-footer-border: #c8e6c9;
    --card-header: #dcedc8;
    --card-header-text: #2e7d32;
    --card-body: #e8f5e8;
    --card-body-text: #2e7d32;
    --card-footer: #dcedc8;
    --card-footer-text: #388e3c;
    --card-footer-border: #c8e6c9;
    --card-border: #c8e6c9;
    --badge-bg: #e8f5e8;
    --badge-text: #2e7d32;
    --badge-border: #c8e6c9;
    --badge-success: #2e7d32;
    --badge-info: #1565c0;
    --badge-warning: #ef6c00;
    --badge-error: #c62828;
    --alert-bg: #e8f5e8;
    --alert-text: #2e7d32;
    --alert-border: #c8e6c9;
    --alert-success: #2e7d32;
    --alert-info: #1565c0;
    --alert-warning: #ef6c00;
    --alert-error: #c62828;
    --dropdown-bg: #e8f5e8;
    --dropdown-border: #c8e6c9;
    --dropdown-item: #2e7d32;
    --dropdown-item-hover: #dcedc8;
    --dropdown-item-active: #2e7d32;
    --dropdown-item-disabled: #c8e6c9;
    --dropdown-item-disabled-text: #388e3c;
    --popover-bg: #e8f5e8;
    --popover-border: #c8e6c9;
    --popover-text: #2e7d32;
    --tooltip-bg: #e8f5e8;
    --tooltip-text: #2e7d32;
    --tooltip-border: #c8e6c9;
    --scrollbar-track: #e8f5e8;
    --scrollbar-thumb: #c8e6c9;
    --scrollbar-thumb-hover: #a5d6a7;
    --selection-bg: #2e7d32;
    --selection-text: white;
    --placeholder: #388e3c;
    --disabled: #c8e6c9;
    --disabled-text: #388e3c;
    --divider: #c8e6c9;
    --backdrop: rgba(46, 125, 50, 0.8);
    --shadow-sm: 0 1px 5px rgba(46, 125, 50, 0.1);
    --shadow-md: 0 2px 10px rgba(46, 125, 50, 0.2);
    --shadow-lg: 0 4px 20px rgba(46, 125, 50, 0.2);
    --shadow-xl: 0 8px 30px rgba(46, 125, 50, 0.3);
    
    /* Theme Menu Variables */
    --theme-menu-bg: #e8f5e8;
    --theme-menu-border: #c8e6c9;
    --theme-menu-shadow: rgba(46, 125, 50, 0.2);
    --theme-menu-item-text: #2e7d32;
    --theme-menu-item-hover: #dcedc8;
    
    color: var(--text);
    background-color: var(--background);
}

.forest-mode .loading-overlay {
    background-color: var(--loading-overlay);
}

.forest-mode .loading-spinner {
    border-color: var(--loading-spinner);
    border-top-color: transparent;
}

/* Ocean Theme */
.ocean-mode {
    --primary: #1565c0;
    --secondary: #1976d2;
    --background: #e3f2fd;
    --card-bg: #bbdefb;
    --text: #0d47a1;
    --text-secondary: #1976d2;
    --border: #90caf9;
    --shadow: rgba(21, 101, 192, 0.2);
    --hover: #90caf9;
    --active: #64b5f6;
    --input-bg: #bbdefb;
    --input-border: #90caf9;
    --input-focus: #1565c0;
    --tag-bg: #bbdefb;
    --tag-text: #0d47a1;
    --tag-hover: #90caf9;
    --notification-success: #2e7d32;
    --notification-info: #1565c0;
    --notification-warning: #ef6c00;
    --notification-error: #c62828;
    --header-bg: #bbdefb;
    --header-text: #0d47a1;
    --header-border: #90caf9;
    --footer-bg: #bbdefb;
    --footer-text: #1976d2;
    --footer-border: #90caf9;
    --book-card-bg: #bbdefb;
    --book-card-hover: #90caf9;
    --book-card-border: #90caf9;
    --book-title: #0d47a1;
    --book-author: #1976d2;
    --book-tag: #bbdefb;
    --book-tag-text: #0d47a1;
    --book-tag-hover: #90caf9;
    --search-bg: #bbdefb;
    --search-border: #90caf9;
    --search-text: #0d47a1;
    --tag-cloud-item: #bbdefb;
    --tag-cloud-item-hover: #90caf9;
    --tag-cloud-item-active: #1565c0;
    --scrollbar-track: #bbdefb;
    --scrollbar-thumb: #90caf9;
    --scrollbar-thumb-hover: #64b5f6;
    --button-bg: #1565c0;
    --button-hover: #0d47a1;
    --button-text: white;
    --button-secondary-bg: #bbdefb;
    --button-secondary-hover: #90caf9;
    --button-secondary-text: #0d47a1;
    --modal-bg: rgba(13, 71, 161, 0.8);
    --modal-content: #bbdefb;
    --modal-border: #90caf9;
    --modal-header: #90caf9;
    --modal-header-text: #0d47a1;
    --modal-footer: #90caf9;
    --modal-footer-border: #90caf9;
    --toast-bg: #bbdefb;
    --toast-text: #0d47a1;
    --toast-border: #90caf9;
    --tooltip-bg: #bbdefb;
    --tooltip-text: #0d47a1;
    --tooltip-border: #90caf9;
    --loading-overlay: rgba(13, 71, 161, 0.8);
    --loading-spinner: #1565c0;
    --skeleton-bg: #bbdefb;
    --skeleton-highlight: #90caf9;
    --breadcrumb-link: #1565c0;
    --breadcrumb-link-hover: #0d47a1;
    --breadcrumb-separator: #1976d2;
    --pagination-bg: #bbdefb;
    --pagination-border: #90caf9;
    --pagination-hover: #90caf9;
    --pagination-active: #1565c0;
    --pagination-disabled: #90caf9;
    --pagination-disabled-text: #1976d2;
    --table-header: #90caf9;
    --table-header-text: #0d47a1;
    --table-row: #bbdefb;
    --table-row-hover: #90caf9;
    --table-border: #90caf9;
    --code-bg: #90caf9;
    --code-text: #0d47a1;
    --code-border: #90caf9;
    --blockquote-bg: #90caf9;
    --blockquote-border: #1565c0;
    --blockquote-text: #0d47a1;
    --list-item-hover: #90caf9;
    --list-item-active: #1565c0;
    --list-item-text: #0d47a1;
    --list-item-border: #90caf9;
    --form-label: #0d47a1;
    --form-input: #bbdefb;
    --form-input-border: #90caf9;
    --form-input-focus: #1565c0;
    --form-input-text: #0d47a1;
    --form-checkbox: #bbdefb;
    --form-checkbox-checked: #1565c0;
    --form-radio: #bbdefb;
    --form-radio-checked: #1565c0;
    --form-select: #bbdefb;
    --form-select-border: #90caf9;
    --form-select-focus: #1565c0;
    --form-select-text: #0d47a1;
    --form-textarea: #bbdefb;
    --form-textarea-border: #90caf9;
    --form-textarea-focus: #1565c0;
    --form-textarea-text: #0d47a1;
    --form-button: #1565c0;
    --form-button-hover: #0d47a1;
    --form-button-text: white;
    --form-button-secondary: #bbdefb;
    --form-button-secondary-hover: #90caf9;
    --form-button-secondary-text: #0d47a1;
    --form-error: #c62828;
    --form-success: #2e7d32;
    --form-warning: #ef6c00;
    --form-info: #1565c0;
    --form-disabled: #90caf9;
    --form-disabled-text: #1976d2;
    --nav-link: #0d47a1;
    --nav-link-hover: #1565c0;
    --nav-link-active: #1565c0;
    --nav-border: #90caf9;
    --nav-bg: #bbdefb;
    --sidebar-bg: #bbdefb;
    --sidebar-text: #0d47a1;
    --sidebar-border: #90caf9;
    --sidebar-link: #0d47a1;
    --sidebar-link-hover: #1565c0;
    --sidebar-link-active: #1565c0;
    --sidebar-header: #90caf9;
    --sidebar-header-text: #0d47a1;
    --sidebar-footer: #90caf9;
    --sidebar-footer-text: #1976d2;
    --sidebar-footer-border: #90caf9;
    --card-header: #90caf9;
    --card-header-text: #0d47a1;
    --card-body: #bbdefb;
    --card-body-text: #0d47a1;
    --card-footer: #90caf9;
    --card-footer-text: #1976d2;
    --card-footer-border: #90caf9;
    --card-border: #90caf9;
    --badge-bg: #bbdefb;
    --badge-text: #0d47a1;
    --badge-border: #90caf9;
    --badge-success: #2e7d32;
    --badge-info: #1565c0;
    --badge-warning: #ef6c00;
    --badge-error: #c62828;
    --alert-bg: #bbdefb;
    --alert-text: #0d47a1;
    --alert-border: #90caf9;
    --alert-success: #2e7d32;
    --alert-info: #1565c0;
    --alert-warning: #ef6c00;
    --alert-error: #c62828;
    --dropdown-bg: #bbdefb;
    --dropdown-border: #90caf9;
    --dropdown-item: #0d47a1;
    --dropdown-item-hover: #90caf9;
    --dropdown-item-active: #1565c0;
    --dropdown-item-disabled: #90caf9;
    --dropdown-item-disabled-text: #1976d2;
    --popover-bg: #bbdefb;
    --popover-border: #90caf9;
    --popover-text: #0d47a1;
    --tooltip-bg: #bbdefb;
    --tooltip-text: #0d47a1;
    --tooltip-border: #90caf9;
    --scrollbar-track: #bbdefb;
    --scrollbar-thumb: #90caf9;
    --scrollbar-thumb-hover: #64b5f6;
    --selection-bg: #1565c0;
    --selection-text: white;
    --placeholder: #1976d2;
    --disabled: #90caf9;
    --disabled-text: #1976d2;
    --divider: #90caf9;
    --backdrop: rgba(21, 101, 192, 0.8);
    --shadow-sm: 0 1px 5px rgba(21, 101, 192, 0.1);
    --shadow-md: 0 2px 10px rgba(21, 101, 192, 0.2);
    --shadow-lg: 0 4px 20px rgba(21, 101, 192, 0.2);
    --shadow-xl: 0 8px 30px rgba(21, 101, 192, 0.3);
    
    /* Theme Menu Variables */
    --theme-menu-bg: #bbdefb;
    --theme-menu-border: #90caf9;
    --theme-menu-shadow: rgba(21, 101, 192, 0.2);
    --theme-menu-item-text: #0d47a1;
    --theme-menu-item-hover: #90caf9;
    
    color: var(--text);
    background-color: var(--background);
}

.ocean-mode .loading-overlay {
    background-color: var(--loading-overlay);
}

.ocean-mode .loading-spinner {
    border-color: var(--loading-spinner);
    border-top-color: transparent;
}

/* Peach Theme */
.peach-mode {
    --primary: #ff6b8a;
    --secondary: #ff8fa3;
    --background: #fff5f7;
    --card-bg: #ffe4e9;
    --text: #2d1f2e;
    --text-secondary: #6b5b66;
    --border: #ffd1dc;
    --shadow: rgba(255, 107, 138, 0.15);
    --hover: #ffe4e9;
    --active: #ffd1dc;
    --input-bg: #ffe4e9;
    --input-border: #ffd1dc;
    --input-focus: #ff6b8a;
    --tag-bg: #ffe4e9;
    --tag-text: #2d1f2e;
    --tag-hover: #ffd1dc;
    --notification-success: #27ae60;
    --notification-info: #ff6b8a;
    --notification-warning: #f39c12;
    --notification-error: #e74c3c;
    --header-bg: #ffe4e9;
    --header-text: #2d1f2e;
    --header-border: #ffd1dc;
    --footer-bg: #ffe4e9;
    --footer-text: #6b5b66;
    --footer-border: #ffd1dc;
    --book-card-bg: #ffe4e9;
    --book-card-hover: #ffd1dc;
    --book-card-border: #ffd1dc;
    --book-title: #2d1f2e;
    --book-author: #6b5b66;
    --book-tag: #ffe4e9;
    --book-tag-text: #2d1f2e;
    --book-tag-hover: #ffd1dc;
    --search-bg: #ffe4e9;
    --search-border: #ffd1dc;
    --search-text: #2d1f2e;
    --tag-cloud-item: #ffe4e9;
    --tag-cloud-item-hover: #ffd1dc;
    --tag-cloud-item-active: #ff6b8a;
    --scrollbar-track: #fff5f7;
    --scrollbar-thumb: #ff8fa3;
    --scrollbar-thumb-hover: #ff6b8a;
    --button-bg: #ff6b8a;
    --button-hover: #ff8fa3;
    --button-text: white;
    --button-secondary-bg: #ffe4e9;
    --button-secondary-hover: #ffd1dc;
    --button-secondary-text: #2d1f2e;
    --modal-bg: rgba(45, 31, 46, 0.8);
    --modal-content: #ffe4e9;
    --modal-border: #ffd1dc;
    --modal-header: #ffd1dc;
    --modal-header-text: #2d1f2e;
    --modal-footer: #ffd1dc;
    --modal-footer-border: #ffd1dc;
    --toast-bg: #ffe4e9;
    --toast-text: #2d1f2e;
    --toast-border: #ffd1dc;
    --tooltip-bg: #ffe4e9;
    --tooltip-text: #2d1f2e;
    --tooltip-border: #ffd1dc;
    --loading-overlay: rgba(255, 245, 247, 0.9);
    --loading-spinner: #ff6b8a;
    --skeleton-bg: #ffe4e9;
    --skeleton-highlight: #ffd1dc;
    --breadcrumb-link: #ff6b8a;
    --breadcrumb-link-hover: #ff4d75;
    --breadcrumb-separator: #6b5b66;
    --pagination-bg: #ffe4e9;
    --pagination-border: #ffd1dc;
    --pagination-hover: #ffd1dc;
    --pagination-active: #ff6b8a;
    --pagination-disabled: #ffd1dc;
    --pagination-disabled-text: #6b5b66;
    --table-header: #ffd1dc;
    --table-header-text: #2d1f2e;
    --table-row: #ffe4e9;
    --table-row-hover: #ffd1dc;
    --table-border: #ffd1dc;
    --code-bg: #ffd1dc;
    --code-text: #2d1f2e;
    --code-border: #ffd1dc;
    --blockquote-bg: #ffd1dc;
    --blockquote-border: #ff6b8a;
    --blockquote-text: #2d1f2e;
    --list-item-hover: #ffd1dc;
    --list-item-active: #ff6b8a;
    --list-item-text: #2d1f2e;
    --list-item-border: #ffd1dc;
    --form-label: #2d1f2e;
    --form-input: #ffe4e9;
    --form-input-border: #ffd1dc;
    --form-input-focus: #ff6b8a;
    --form-input-text: #2d1f2e;
    --form-checkbox: #ffe4e9;
    --form-checkbox-checked: #ff6b8a;
    --form-radio: #ffe4e9;
    --form-radio-checked: #ff6b8a;
    --form-select: #ffe4e9;
    --form-select-border: #ffd1dc;
    --form-select-focus: #ff6b8a;
    --form-select-text: #2d1f2e;
    --form-textarea: #ffe4e9;
    --form-textarea-border: #ffd1dc;
    --form-textarea-focus: #ff6b8a;
    --form-textarea-text: #2d1f2e;
    --form-button: #ff6b8a;
    --form-button-hover: #ff8fa3;
    --form-button-text: white;
    --form-button-secondary: #ffe4e9;
    --form-button-secondary-hover: #ffd1dc;
    --form-button-secondary-text: #2d1f2e;
    --form-error: #e74c3c;
    --form-success: #27ae60;
    --form-warning: #f39c12;
    --form-info: #ff6b8a;
    --form-disabled: #ffd1dc;
    --form-disabled-text: #6b5b66;
    --nav-link: #2d1f2e;
    --nav-link-hover: #ff6b8a;
    --nav-link-active: #ff6b8a;
    --nav-border: #ffd1dc;
    --nav-bg: #ffe4e9;
    --sidebar-bg: #ffe4e9;
    --sidebar-text: #2d1f2e;
    --sidebar-border: #ffd1dc;
    --sidebar-link: #2d1f2e;
    --sidebar-link-hover: #ff6b8a;
    --sidebar-link-active: #ff6b8a;
    --sidebar-header: #ffd1dc;
    --sidebar-header-text: #2d1f2e;
    --sidebar-footer: #ffd1dc;
    --sidebar-footer-text: #6b5b66;
    --sidebar-footer-border: #ffd1dc;
    --card-header: #ffd1dc;
    --card-header-text: #2d1f2e;
    --card-body: #ffe4e9;
    --card-body-text: #2d1f2e;
    --card-footer: #ffd1dc;
    --card-footer-text: #6b5b66;
    --card-footer-border: #ffd1dc;
    --card-border: #ffd1dc;
    --badge-bg: #ffe4e9;
    --badge-text: #2d1f2e;
    --badge-border: #ffd1dc;
    --badge-success: #27ae60;
    --badge-info: #ff6b8a;
    --badge-warning: #f39c12;
    --badge-error: #e74c3c;
    --alert-bg: #ffffff;
    --alert-text: #2d1f2e;
    --alert-border: #ffd1dc;
    --alert-success: #27ae60;
    --alert-info: #ff6b8a;
    --alert-warning: #f39c12;
    --alert-error: #e74c3c;
    --dropdown-bg: #ffffff;
    --dropdown-border: #ffd1dc;
    --dropdown-item: #2d1f2e;
    --dropdown-item-hover: #ffe4e9;
    --dropdown-item-active: #ff6b8a;
    --dropdown-item-disabled: #ffd1dc;
    --dropdown-item-disabled-text: #6b5b66;
    --popover-bg: #ffffff;
    --popover-border: #ffd1dc;
    --popover-text: #2d1f2e;
    --tooltip-bg: #ffffff;
    --tooltip-text: #2d1f2e;
    --tooltip-border: #ffd1dc;
    --scrollbar-track: #fff5f7;
    --scrollbar-thumb: #ff8fa3;
    --scrollbar-thumb-hover: #ff6b8a;
    --selection-bg: #ff6b8a;
    --selection-text: white;
    --placeholder: #6b5b66;
    --disabled: #ffd1dc;
    --disabled-text: #6b5b66;
    --divider: #ffd1dc;
    --backdrop: rgba(255, 107, 138, 0.8);
    --shadow-sm: 0 1px 5px rgba(255, 107, 138, 0.1);
    --shadow-md: 0 2px 10px rgba(255, 107, 138, 0.2);
    --shadow-lg: 0 4px 20px rgba(255, 107, 138, 0.2);
    --shadow-xl: 0 8px 30px rgba(255, 107, 138, 0.3);
    
    /* Theme Menu Variables */
    --theme-menu-bg: #ffe4e9;
    --theme-menu-border: #ffd1dc;
    --theme-menu-shadow: rgba(255, 107, 138, 0.2);
    --theme-menu-item-text: #2d1f2e;
    --theme-menu-item-hover: #ffd1dc;
    
    color: var(--text);
    background-color: var(--background);
}

.peach-mode .loading-overlay {
    background-color: var(--loading-overlay);
}

.peach-mode .loading-spinner {
    border-color: var(--loading-spinner);
    border-top-color: transparent;
}

.peach-mode .theme-logo {
    filter: sepia(0.5) hue-rotate(320deg) saturate(1.5);
}

/* Lavender Theme */
.lavender-mode {
    --primary: #9c27b0;
    --secondary: #ba68c8;
    --background: #f3e5f5;
    --card-bg: #e1bee7;
    --text: #4a148c;
    --text-secondary: #7b1fa2;
    --border: #d1c4e9;
    --shadow: rgba(156, 39, 176, 0.15);
    --hover: #e1bee7;
    --active: #d1c4e9;
    --input-bg: #e1bee7;
    --input-border: #d1c4e9;
    --input-focus: #9c27b0;
    --tag-bg: #e1bee7;
    --tag-text: #4a148c;
    --tag-hover: #d1c4e9;
    --notification-success: #27ae60;
    --notification-info: #9c27b0;
    --notification-warning: #f39c12;
    --notification-error: #e74c3c;
    --header-bg: #e1bee7;
    --header-text: #4a148c;
    --header-border: #d1c4e9;
    --footer-bg: #e1bee7;
    --footer-text: #7b1fa2;
    --footer-border: #d1c4e9;
    --book-card-bg: #e1bee7;
    --book-card-hover: #d1c4e9;
    --book-card-border: #d1c4e9;
    --book-title: #4a148c;
    --book-author: #7b1fa2;
    --book-tag: #e1bee7;
    --book-tag-text: #4a148c;
    --book-tag-hover: #d1c4e9;
    --search-bg: #e1bee7;
    --search-border: #d1c4e9;
    --search-text: #4a148c;
    --tag-cloud-item: #e1bee7;
    --tag-cloud-item-hover: #d1c4e9;
    --tag-cloud-item-active: #9c27b0;
    --scrollbar-track: #f3e5f5;
    --scrollbar-thumb: #ba68c8;
    --scrollbar-thumb-hover: #9c27b0;
    --button-bg: #9c27b0;
    --button-hover: #ba68c8;
    --button-text: white;
    --button-secondary-bg: #e1bee7;
    --button-secondary-hover: #d1c4e9;
    --button-secondary-text: #4a148c;
    --modal-bg: rgba(74, 20, 140, 0.8);
    --modal-content: #e1bee7;
    --modal-border: #d1c4e9;
    --modal-header: #d1c4e9;
    --modal-header-text: #4a148c;
    --modal-footer: #d1c4e9;
    --modal-footer-border: #d1c4e9;
    --toast-bg: #e1bee7;
    --toast-text: #4a148c;
    --toast-border: #d1c4e9;
    --tooltip-bg: #e1bee7;
    --tooltip-text: #4a148c;
    --tooltip-border: #d1c4e9;
    --loading-overlay: rgba(243, 229, 245, 0.9);
    --loading-spinner: #9c27b0;
    --skeleton-bg: #e1bee7;
    --skeleton-highlight: #d1c4e9;
    --breadcrumb-link: #9c27b0;
    --breadcrumb-link-hover: #7b1fa2;
    --breadcrumb-separator: #7b1fa2;
    --pagination-bg: #e1bee7;
    --pagination-border: #d1c4e9;
    --pagination-hover: #d1c4e9;
    --pagination-active: #9c27b0;
    --pagination-disabled: #d1c4e9;
    --pagination-disabled-text: #7b1fa2;
    --table-header: #d1c4e9;
    --table-header-text: #4a148c;
    --table-row: #e1bee7;
    --table-row-hover: #d1c4e9;
    --table-border: #d1c4e9;
    --code-bg: #d1c4e9;
    --code-text: #4a148c;
    --code-border: #d1c4e9;
    --blockquote-bg: #d1c4e9;
    --blockquote-border: #9c27b0;
    --blockquote-text: #4a148c;
    --list-item-hover: #d1c4e9;
    --list-item-active: #9c27b0;
    --list-item-text: #4a148c;
    --list-item-border: #d1c4e9;
    --form-label: #4a148c;
    --form-input: #e1bee7;
    --form-input-border: #d1c4e9;
    --form-input-focus: #9c27b0;
    --form-input-text: #4a148c;
    --form-checkbox: #e1bee7;
    --form-checkbox-checked: #9c27b0;
    --form-radio: #e1bee7;
    --form-radio-checked: #9c27b0;
    --form-select: #e1bee7;
    --form-select-border: #d1c4e9;
    --form-select-focus: #9c27b0;
    --form-select-text: #4a148c;
    --form-textarea: #e1bee7;
    --form-textarea-border: #d1c4e9;
    --form-textarea-focus: #9c27b0;
    --form-textarea-text: #4a148c;
    --form-button: #9c27b0;
    --form-button-hover: #ba68c8;
    --form-button-text: white;
    --form-button-secondary: #e1bee7;
    --form-button-secondary-hover: #d1c4e9;
    --form-button-secondary-text: #4a148c;
    --form-error: #e74c3c;
    --form-success: #27ae60;
    --form-warning: #f39c12;
    --form-info: #9c27b0;
    --form-disabled: #d1c4e9;
    --form-disabled-text: #7b1fa2;
    --nav-link: #4a148c;
    --nav-link-hover: #9c27b0;
    --nav-link-active: #9c27b0;
    --nav-border: #d1c4e9;
    --nav-bg: #e1bee7;
    --sidebar-bg: #e1bee7;
    --sidebar-text: #4a148c;
    --sidebar-border: #d1c4e9;
    --sidebar-link: #4a148c;
    --sidebar-link-hover: #9c27b0;
    --sidebar-link-active: #9c27b0;
    --sidebar-header: #d1c4e9;
    --sidebar-header-text: #4a148c;
    --sidebar-footer: #d1c4e9;
    --sidebar-footer-text: #7b1fa2;
    --sidebar-footer-border: #d1c4e9;
    --card-header: #d1c4e9;
    --card-header-text: #4a148c;
    --card-body: #e1bee7;
    --card-body-text: #4a148c;
    --card-footer: #d1c4e9;
    --card-footer-text: #7b1fa2;
    --card-footer-border: #d1c4e9;
    --card-border: #d1c4e9;
    --badge-bg: #e1bee7;
    --badge-text: #4a148c;
    --badge-border: #d1c4e9;
    --badge-success: #27ae60;
    --badge-info: #9c27b0;
    --badge-warning: #f39c12;
    --badge-error: #e74c3c;
    --alert-bg: #e1bee7;
    --alert-text: #4a148c;
    --alert-border: #d1c4e9;
    --alert-success: #27ae60;
    --alert-info: #9c27b0;
    --alert-warning: #f39c12;
    --alert-error: #e74c3c;
    --dropdown-bg: #e1bee7;
    --dropdown-border: #d1c4e9;
    --dropdown-item: #4a148c;
    --dropdown-item-hover: #d1c4e9;
    --dropdown-item-active: #9c27b0;
    --dropdown-item-disabled: #d1c4e9;
    --dropdown-item-disabled-text: #7b1fa2;
    --popover-bg: #e1bee7;
    --popover-border: #d1c4e9;
    --popover-text: #4a148c;
    --tooltip-bg: #e1bee7;
    --tooltip-text: #4a148c;
    --tooltip-border: #d1c4e9;
    --scrollbar-track: #f3e5f5;
    --scrollbar-thumb: #ba68c8;
    --scrollbar-thumb-hover: #9c27b0;
    --selection-bg: #9c27b0;
    --selection-text: white;
    --placeholder: #7b1fa2;
    --disabled: #d1c4e9;
    --disabled-text: #7b1fa2;
    --divider: #d1c4e9;
    --backdrop: rgba(156, 39, 176, 0.8);
    --shadow-sm: 0 1px 5px rgba(156, 39, 176, 0.1);
    --shadow-md: 0 2px 10px rgba(156, 39, 176, 0.2);
    --shadow-lg: 0 4px 20px rgba(156, 39, 176, 0.2);
    --shadow-xl: 0 8px 30px rgba(156, 39, 176, 0.3);
    
    /* Theme Menu Variables */
    --theme-menu-bg: #e1bee7;
    --theme-menu-border: #d1c4e9;
    --theme-menu-shadow: rgba(156, 39, 176, 0.2);
    --theme-menu-item-text: #4a148c;
    --theme-menu-item-hover: #f3e5f5;
    
    color: var(--text);
    background-color: var(--background);
}

.lavender-mode .loading-overlay {
    background-color: var(--loading-overlay);
}

.lavender-mode .loading-spinner {
    border-color: var(--loading-spinner);
    border-top-color: transparent;
}

.lavender-mode .theme-logo {
    filter: sepia(0.4) hue-rotate(260deg) saturate(1.8);
}