/*
========================================
    THEME CSS VARIABLES
    Abstract color definitions for Dark and Light themes
========================================
*/

/* Dark Theme Variables (Default) */
:root {
    /* Background Colors */
    --theme-bg-primary: #060818;
    --theme-bg-secondary: #0e1726;
    --theme-bg-tertiary: #191e3a;
    --theme-bg-widget: #0e1726;
    --theme-bg-header: #0e1726;
    --theme-bg-content: #0e1726;
    --theme-bg-dropdown: #0e1726;
    --theme-bg-modal: #0e1726;
    --theme-bg-navbar: transparent;
    --theme-bg-sidebar: #0e1726;
    --theme-bg-footer: #0e1726;
    
    /* Text Colors */
    --theme-text-primary: #ebedf2;
    --theme-text-secondary: #888ea8;
    --theme-text-muted: #515365;
    --theme-text-light: #bfc9d4;
    --theme-text-link: #1b55e2;
    --theme-text-link-hover: #1a4fd1;
    
    /* Border Colors */
    --theme-border-primary: #191e3a;
    --theme-border-secondary: #e0e6ed;
    --theme-border-light: #d1d5db;
    --theme-border-input: #191e3a;
    --theme-border-focus: #1b55e2;
    
    /* Accent Colors */
    --theme-accent-primary: #1b55e2;
    --theme-accent-secondary: #506690;
    --theme-accent-success: #0d9a5d;
    --theme-accent-warning: #e2a03f;
    --theme-accent-danger: #e7515a;
    --theme-accent-info: #2196f3;
    
    /* Shadow */
    --theme-shadow: 0 0 40px 0 rgba(94, 92, 154, 0.06);
    --theme-shadow-light: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --theme-shadow-medium: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
    --theme-shadow-heavy: 0 10px 25px rgba(0, 0, 0, 0.15);
    
    /* Form Elements */
    --theme-input-bg: #0e1726;
    --theme-input-border: #191e3a;
    --theme-input-focus-border: #1b55e2;
    --theme-input-focus-shadow: 0 0 0 0.2rem rgba(27, 85, 226, 0.25);
    
    /* Table Elements */
    --theme-table-header-bg: #191e3a;
    --theme-table-row-hover: #191e3a;
    --theme-table-stripe: #0e1726;
    
    /* Enhanced Table Elements */
    --theme-table-bg: var(--theme-bg-widget);
    --theme-table-border: var(--theme-border-primary);
    --theme-table-header-border: var(--theme-border-primary);
    --theme-table-row-border: var(--theme-border-light);
    --theme-table-cell-bg: var(--theme-bg-content);
    --theme-table-cell-hover-bg: var(--theme-bg-tertiary);
    --theme-table-cell-selected-bg: var(--theme-accent-primary);
    --theme-table-cell-selected-color: #ffffff;
    --theme-table-footer-bg: var(--theme-bg-header);
    --theme-table-footer-border: var(--theme-border-primary);
    --theme-table-caption-color: var(--theme-text-muted);
    --theme-table-empty-bg: var(--theme-bg-tertiary);
    --theme-table-empty-color: var(--theme-text-muted);
    
    /* Table Responsive Elements */
    --theme-table-responsive-bg: var(--theme-bg-widget);
    --theme-table-responsive-border: var(--theme-border-primary);
    --theme-table-responsive-shadow: var(--theme-shadow-light);
    
    /* Table Striped Elements */
    --theme-table-striped-odd: var(--theme-bg-content);
    --theme-table-striped-even: var(--theme-bg-tertiary);
    
    /* Table Bordered Elements */
    --theme-table-bordered-border: var(--theme-border-primary);
    --theme-table-bordered-cell-border: var(--theme-border-light);
    
    /* Table Hover Elements */
    --theme-table-hover-row-bg: var(--theme-bg-tertiary);
    --theme-table-hover-cell-bg: var(--theme-bg-tertiary);
    
    /* Table Condensed Elements */
    --theme-table-condensed-padding: 0.5rem;
    --theme-table-condensed-border: var(--theme-border-light);
    
    /* Navigation Elements */
    --theme-nav-bg: transparent;
    --theme-nav-border: #191e3a;
    --theme-nav-link: #ebedf2;
    --theme-nav-link-hover: #1b55e2;
    --theme-nav-link-active: #1b55e2;
    
    /* Breadcrumb Elements */
    --theme-breadcrumb-bg: transparent;
    --theme-breadcrumb-link: #888ea8;
    --theme-breadcrumb-active: #ebedf2;
    --theme-breadcrumb-separator: #bfc9d4;
    
    /* Tab Elements */
    --theme-tab-bg: #0e1726;
    --theme-tab-border: #191e3a;
    --theme-tab-link: #888ea8;
    --theme-tab-link-active: #1b55e2;
    --theme-tab-link-hover: #ebedf2;
    
    /* Accordion Elements */
    --theme-accordion-bg: #0e1726;
    --theme-accordion-border: #191e3a;
    --theme-accordion-header-bg: #191e3a;
    --theme-accordion-body-bg: #0e1726;
    
    /* List Group Elements */
    --theme-list-group-bg: #0e1726;
    --theme-list-group-border: #191e3a;
    --theme-list-group-item-bg: #0e1726;
    --theme-list-group-item-hover: #191e3a;
    
    /* Progress Bar Elements */
    --theme-progress-bg: #191e3a;
    --theme-progress-bar-bg: #1b55e2;
    
    /* Tooltip & Popover Elements */
    --theme-tooltip-bg: #ebedf2;
    --theme-tooltip-color: #060818;
    --theme-popover-bg: #0e1726;
    --theme-popover-border: #191e3a;
    
    /* Input Group Elements */
    --theme-input-group-addon-bg: #191e3a;
    --theme-input-group-addon-border: #191e3a;
    --theme-input-group-addon-color: #888ea8;
    
    /* Form Validation Elements */
    --theme-valid-color: #0d9a5d;
    --theme-invalid-color: #e7515a;
    --theme-valid-border: #0d9a5d;
    --theme-invalid-border: #e7515a;
    
    /* Special Components */
    --theme-privacy-content-bg: #191e3a;
    --theme-invoice-container-bg: #0e1726;
    --theme-badge-chip-bg: #191e3a;
    --theme-badge-chip-color: #888ea8;
    
    /* Select2 Variables - 确保Dark模式下select2变量能够正确工作 */
    --theme-select2-bg: var(--theme-bg-dropdown);
    --theme-select2-border: var(--theme-border-primary);
    --theme-select2-option-bg: var(--theme-bg-dropdown);
    --theme-select2-option-hover: var(--theme-bg-tertiary);
    --theme-select2-option-selected: var(--theme-accent-primary);
    --theme-select2-option-selected-color: #ffffff;
    --theme-select2-search-bg: var(--theme-input-bg);
    --theme-select2-search-border: var(--theme-input-border);
}

/* Light Theme Variables */
:root[data-theme="light"] {
    /* Background Colors */
    --theme-bg-primary: #fafafa;
    --theme-bg-secondary: #ffffff;
    --theme-bg-tertiary: #f8f9fa;
    --theme-bg-widget: #ffffff;
    --theme-bg-header: #ffffff;
    --theme-bg-content: #ffffff;
    --theme-bg-dropdown: #ffffff;
    --theme-bg-modal: #ffffff;
    --theme-bg-navbar: #ffffff;
    --theme-bg-sidebar: #ffffff;
    --theme-bg-footer: #f8f9fa;
    
    /* Text Colors */
    --theme-text-primary: #3b3f5c;
    --theme-text-secondary: #515365;
    --theme-text-muted: #888ea8;
    --theme-text-light: #bfc9d4;
    --theme-text-link: #1b55e2;
    --theme-text-link-hover: #1a4fd1;
    
    /* Border Colors */
    --theme-border-primary: #e0e6ed;
    --theme-border-secondary: #dee2e6;
    --theme-border-light: #d1d5db;
    --theme-border-input: #e0e6ed;
    --theme-border-focus: #1b55e2;
    
    /* Accent Colors - Keep same for consistency */
    --theme-accent-primary: #1b55e2;
    --theme-accent-secondary: #506690;
    --theme-accent-success: #0d9a5d;
    --theme-accent-warning: #e2a03f;
    --theme-accent-danger: #e7515a;
    --theme-accent-info: #2196f3;
    
    /* Shadow */
    --theme-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --theme-shadow-light: 0 2px 4px rgba(0, 0, 0, 0.08);
    --theme-shadow-medium: 0 4px 6px rgba(0, 0, 0, 0.1);
    --theme-shadow-heavy: 0 10px 25px rgba(0, 0, 0, 0.15);
    
    /* Form Elements */
    --theme-input-bg: #ffffff;
    --theme-input-border: #e0e6ed;
    --theme-input-focus-border: #1b55e2;
    --theme-input-focus-shadow: 0 0 0 0.2rem rgba(27, 85, 226, 0.25);
    
    /* Table Elements */
    --theme-table-header-bg: #f8f9fa;
    --theme-table-row-hover: #f1f2f3;
    --theme-table-stripe: #fafbfc;
    
    /* Enhanced Table Elements */
    --theme-table-bg: var(--theme-bg-widget);
    --theme-table-border: var(--theme-border-primary);
    --theme-table-header-border: var(--theme-border-primary);
    --theme-table-row-border: var(--theme-border-light);
    --theme-table-cell-bg: var(--theme-bg-content);
    --theme-table-cell-hover-bg: var(--theme-bg-tertiary);
    --theme-table-cell-selected-bg: var(--theme-accent-primary);
    --theme-table-cell-selected-color: #ffffff;
    --theme-table-footer-bg: var(--theme-bg-header);
    --theme-table-footer-border: var(--theme-border-primary);
    --theme-table-caption-color: var(--theme-text-muted);
    --theme-table-empty-bg: var(--theme-bg-tertiary);
    --theme-table-empty-color: var(--theme-text-muted);
    
    /* Table Responsive Elements */
    --theme-table-responsive-bg: var(--theme-bg-widget);
    --theme-table-responsive-border: var(--theme-border-primary);
    --theme-table-responsive-shadow: var(--theme-shadow-light);
    
    /* Table Striped Elements */
    --theme-table-striped-odd: var(--theme-bg-content);
    --theme-table-striped-even: var(--theme-bg-tertiary);
    
    /* Table Bordered Elements */
    --theme-table-bordered-border: var(--theme-border-primary);
    --theme-table-bordered-cell-border: var(--theme-border-light);
    
    /* Table Hover Elements */
    --theme-table-hover-row-bg: var(--theme-bg-tertiary);
    --theme-table-hover-cell-bg: var(--theme-bg-tertiary);
    
    /* Table Condensed Elements */
    --theme-table-condensed-padding: 0.5rem;
    --theme-table-condensed-border: var(--theme-border-light);
    
    /* Navigation Elements */
    --theme-nav-bg: #fafafa;
    --theme-nav-border: #fafafa;
    --theme-nav-link: #3b3f5c;
    --theme-nav-link-hover: #1b55e2;
    --theme-nav-link-active: #1b55e2;
    
    /* Breadcrumb Elements */
    --theme-breadcrumb-bg: transparent;
    --theme-breadcrumb-link: var(--theme-text-muted);
    --theme-breadcrumb-active: var(--theme-text-primary);
    --theme-breadcrumb-separator: var(--theme-text-light);
    
    /* Tab Elements */
    --theme-tab-bg: var(--theme-bg-widget);
    --theme-tab-border: var(--theme-border-primary);
    --theme-tab-link: var(--theme-text-secondary);
    --theme-tab-link-active: var(--theme-accent-primary);
    --theme-tab-link-hover: var(--theme-text-primary);
    
    /* Accordion Elements */
    --theme-accordion-bg: var(--theme-bg-widget);
    --theme-accordion-border: var(--theme-border-primary);
    --theme-accordion-header-bg: var(--theme-bg-tertiary);
    --theme-accordion-body-bg: var(--theme-bg-widget);
    
    /* List Group Elements */
    --theme-list-group-bg: var(--theme-bg-widget);
    --theme-list-group-border: var(--theme-border-primary);
    --theme-list-group-item-bg: var(--theme-bg-widget);
    --theme-list-group-item-hover: var(--theme-bg-tertiary);
    
    /* Progress Bar Elements */
    --theme-progress-bg: var(--theme-bg-tertiary);
    --theme-progress-bar-bg: var(--theme-accent-primary);
    
    /* Tooltip & Popover Elements */
    --theme-tooltip-bg: var(--theme-text-primary);
    --theme-tooltip-color: #ffffff;
    --theme-popover-bg: var(--theme-bg-widget);
    --theme-popover-border: var(--theme-border-primary);
    
    /* Input Group Elements */
    --theme-input-group-addon-bg: var(--theme-bg-tertiary);
    --theme-input-group-addon-border: var(--theme-border-primary);
    --theme-input-group-addon-color: var(--theme-text-secondary);
    
    /* Form Validation Elements */
    --theme-valid-color: var(--theme-accent-success);
    --theme-invalid-color: var(--theme-accent-danger);
    --theme-valid-border: var(--theme-accent-success);
    --theme-invalid-border: var(--theme-accent-danger);
    
    /* Special Components */
    --theme-privacy-content-bg: var(--theme-bg-tertiary);
    --theme-invoice-container-bg: var(--theme-bg-widget);
    --theme-badge-chip-bg: var(--theme-bg-tertiary);
    --theme-badge-chip-color: var(--theme-text-secondary);
    
    /* Widget Specific Elements */
    --theme-widget-heading-color: var(--theme-text-primary);
    --theme-widget-heading-bg: var(--theme-bg-header);
    --theme-widget-heading-border: var(--theme-border-primary);
    --theme-widget-heading-shadow: var(--theme-shadow-light);
    
    /* Widget Four Specific Elements */
    --theme-widget-four-bg: var(--theme-bg-widget);
    --theme-widget-four-border: var(--theme-border-primary);
    --theme-widget-four-shadow: var(--theme-shadow-light);
    --theme-widget-four-header-bg: var(--theme-bg-header);
    --theme-widget-four-content-bg: var(--theme-bg-content);
    --theme-widget-four-icon-bg: var(--theme-accent-primary);
    --theme-widget-four-icon-color: #ffffff;
    --theme-widget-four-number-color: var(--theme-text-primary);
    --theme-widget-four-label-color: var(--theme-text-secondary);
    --theme-widget-four-description-color: var(--theme-text-muted);
    
    /* Widget Value Elements */
    --theme-widget-value-color: var(--theme-text-primary);
    --theme-widget-value-bg: transparent;
    --theme-widget-value-font-weight: 600;
    --theme-widget-value-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    
    /* Widget Content Elements */
    --theme-widget-content-color: var(--theme-text-primary);
    --theme-widget-content-bg: var(--theme-bg-content);
    --theme-widget-content-border: var(--theme-border-primary);
    
    /* Widget Stats Elements */
    --theme-widget-stats-color: var(--theme-text-primary);
    --theme-widget-stats-bg: var(--theme-bg-widget);
    --theme-widget-stats-border: var(--theme-border-primary);
    
    /* Button Group Elements */
    --theme-btn-group-bg: var(--theme-bg-widget);
    --theme-btn-group-border: var(--theme-border-primary);
    --theme-btn-group-shadow: var(--theme-shadow-light);
    
    /* Button Elements - Outline Primary */
    --theme-btn-outline-primary-bg: transparent;
    --theme-btn-outline-primary-border: var(--theme-accent-primary);
    --theme-btn-outline-primary-color: var(--theme-accent-primary);
    --theme-btn-outline-primary-hover-bg: var(--theme-accent-primary);
    --theme-btn-outline-primary-hover-border: var(--theme-accent-primary);
    --theme-btn-outline-primary-hover-color: #ffffff;
    --theme-btn-outline-primary-focus-bg: var(--theme-accent-primary);
    --theme-btn-outline-primary-focus-border: var(--theme-accent-primary);
    --theme-btn-outline-primary-focus-color: #ffffff;
    
    /* Select2 Variables - 确保Light模式下select2变量也能正常工作 */
    --theme-select2-bg: var(--theme-bg-dropdown);
    --theme-select2-border: var(--theme-border-primary);
    --theme-select2-option-bg: var(--theme-bg-dropdown);
    --theme-select2-option-hover: var(--theme-bg-tertiary);
    --theme-select2-option-selected: var(--theme-accent-primary);
    --theme-select2-option-selected-color: #ffffff;
    --theme-select2-search-bg: var(--theme-input-bg);
    --theme-select2-search-border: var(--theme-input-border);
    
    /* Panel Elements */
    --theme-panel-bg: var(--theme-bg-widget);
    --theme-panel-border: var(--theme-border-primary);
    --theme-panel-header-bg: var(--theme-bg-header);
    --theme-panel-body-bg: var(--theme-bg-content);
    
    /* Well Elements */
    --theme-well-bg: var(--theme-bg-tertiary);
    --theme-well-border: var(--theme-border-primary);
    
    /* Jumbotron Elements */
    --theme-jumbotron-bg: var(--theme-bg-tertiary);
    --theme-jumbotron-border: var(--theme-border-primary);
    
    /* Thumbnail Elements */
    --theme-thumbnail-bg: var(--theme-bg-widget);
    --theme-thumbnail-border: var(--theme-border-primary);
    --theme-thumbnail-caption-bg: var(--theme-bg-tertiary);
    
    /* Media Elements */
    --theme-media-bg: var(--theme-bg-widget);
    --theme-media-border: var(--theme-border-primary);
    --theme-media-heading-color: var(--theme-text-primary);
    
    /* Figure Elements */
    --theme-figure-bg: var(--theme-bg-widget);
    --theme-figure-border: var(--theme-border-primary);
    --theme-figure-caption-color: var(--theme-text-secondary);
    
    /* Code Elements */
    --theme-code-bg: var(--theme-bg-tertiary);
    --theme-code-color: var(--theme-accent-danger);
    --theme-code-border: var(--theme-border-primary);
    
    /* Pre Elements */
    --theme-pre-bg: var(--theme-bg-tertiary);
    --theme-pre-color: var(--theme-text-primary);
    --theme-pre-border: var(--theme-border-primary);
    
    /* Blockquote Elements */
    --theme-blockquote-bg: var(--theme-bg-tertiary);
    --theme-blockquote-border: var(--theme-accent-primary);
    --theme-blockquote-color: var(--theme-text-primary);
    --theme-blockquote-footer-color: var(--theme-text-secondary);
    
    /* Calendar & Date Elements */
    --theme-calendar-bg: var(--theme-bg-widget);
    --theme-calendar-border: var(--theme-border-primary);
    --theme-calendar-header-bg: var(--theme-bg-header);
    --theme-calendar-day-bg: var(--theme-bg-widget);
    --theme-calendar-day-hover: var(--theme-bg-tertiary);
    --theme-calendar-today-bg: var(--theme-accent-primary);
    --theme-calendar-today-color: #ffffff;
    
    /* Timeline Elements */
    --theme-timeline-bg: var(--theme-bg-widget);
    --theme-timeline-border: var(--theme-border-primary);
    --theme-timeline-item-bg: var(--theme-bg-content);
    --theme-timeline-item-border: var(--theme-border-primary);
    --theme-timeline-marker-bg: var(--theme-accent-primary);
    --theme-timeline-marker-color: #ffffff;
    
    /* Chat & Message Elements */
    --theme-chat-bg: var(--theme-bg-widget);
    --theme-chat-border: var(--theme-border-primary);
    --theme-message-bg: var(--theme-bg-content);
    --theme-message-border: var(--theme-border-primary);
    --theme-message-sent-bg: var(--theme-accent-primary);
    --theme-message-sent-color: #ffffff;
    --theme-message-received-bg: var(--theme-bg-tertiary);
    --theme-message-received-color: var(--theme-text-primary);
    
    /* Notification Elements */
    --theme-notification-bg: var(--theme-bg-widget);
    --theme-notification-border: var(--theme-border-primary);
    --theme-notification-header-bg: var(--theme-bg-header);
    --theme-notification-item-bg: var(--theme-bg-content);
    --theme-notification-item-hover: var(--theme-bg-tertiary);
    
    /* Search Elements */
    --theme-search-bg: var(--theme-bg-widget);
    --theme-search-border: var(--theme-border-primary);
    --theme-search-input-bg: var(--theme-input-bg);
    --theme-search-input-border: var(--theme-input-border);
    --theme-search-result-bg: var(--theme-bg-content);
    --theme-search-result-hover: var(--theme-bg-tertiary);
    
    /* Filter Elements */
    --theme-filter-bg: var(--theme-bg-widget);
    --theme-filter-border: var(--theme-border-primary);
    --theme-filter-option-bg: var(--theme-bg-content);
    --theme-filter-option-hover: var(--theme-bg-tertiary);
    --theme-filter-option-selected: var(--theme-accent-primary);
    
    /* Sort Elements */
    --theme-sort-bg: var(--theme-bg-widget);
    --theme-sort-border: var(--theme-border-primary);
    --theme-sort-option-bg: var(--theme-bg-content);
    --theme-sort-option-hover: var(--theme-bg-tertiary);
    --theme-sort-option-active: var(--theme-accent-primary);
    
    /* Third Party Components */
    /* Flatpickr Calendar */
    --theme-flatpickr-bg: var(--theme-bg-widget);
    --theme-flatpickr-border: var(--theme-border-primary);
    --theme-flatpickr-header-bg: var(--theme-bg-header);
    --theme-flatpickr-day-bg: var(--theme-bg-widget);
    --theme-flatpickr-day-hover: var(--theme-bg-tertiary);
    --theme-flatpickr-day-selected: var(--theme-accent-primary);
    --theme-flatpickr-day-selected-color: #ffffff;
    --theme-flatpickr-day-disabled: var(--theme-bg-tertiary);
    --theme-flatpickr-day-disabled-color: var(--theme-text-light);
    
    /* Select2 Dropdown */
    --theme-select2-bg: var(--theme-bg-dropdown);
    --theme-select2-border: var(--theme-border-primary);
    --theme-select2-option-bg: var(--theme-bg-dropdown);
    --theme-select2-option-hover: var(--theme-bg-tertiary);
    --theme-select2-option-selected: var(--theme-accent-primary);
    --theme-select2-option-selected-color: #ffffff;
    --theme-select2-search-bg: var(--theme-input-bg);
    --theme-select2-search-border: var(--theme-input-border);
    
    /* DataTables */
    --theme-datatable-bg: var(--theme-bg-widget);
    --theme-datatable-border: var(--theme-border-primary);
    --theme-datatable-header-bg: var(--theme-table-header-bg);
    --theme-datatable-row-bg: var(--theme-bg-content);
    --theme-datatable-row-hover: var(--theme-table-row-hover);
    --theme-datatable-row-stripe: var(--theme-table-stripe);
    --theme-datatable-pagination-bg: var(--theme-bg-widget);
    --theme-datatable-pagination-border: var(--theme-border-primary);
    
    /* Chart.js */
    --theme-chart-bg: var(--theme-bg-widget);
    --theme-chart-border: var(--theme-border-primary);
    --theme-chart-text: var(--theme-text-primary);
    --theme-chart-grid: var(--theme-border-light);
    
    /* FullCalendar */
    --theme-fullcalendar-bg: var(--theme-bg-widget);
    --theme-fullcalendar-border: var(--theme-border-primary);
    --theme-fullcalendar-header-bg: var(--theme-bg-header);
    --theme-fullcalendar-event-bg: var(--theme-accent-primary);
    --theme-fullcalendar-event-color: #ffffff;
    --theme-fullcalendar-today-bg: var(--theme-accent-info);
    --theme-fullcalendar-today-color: #ffffff;
    
    /* SweetAlert2 */
    --theme-sweetalert-bg: var(--theme-bg-modal);
    --theme-sweetalert-border: var(--theme-border-primary);
    --theme-sweetalert-title-color: var(--theme-text-primary);
    --theme-sweetalert-content-color: var(--theme-text-secondary);
    --theme-sweetalert-confirm-bg: var(--theme-accent-primary);
    --theme-sweetalert-confirm-color: #ffffff;
    --theme-sweetalert-cancel-bg: var(--theme-accent-secondary);
    --theme-sweetalert-cancel-color: #ffffff;
    
    /* Bootstrap Select Picker Elements */
    --theme-selectpicker-bg: var(--theme-bg-widget);
    --theme-selectpicker-border: var(--theme-border-primary);
    --theme-selectpicker-color: var(--theme-text-primary);
    --theme-selectpicker-hover-bg: var(--theme-bg-tertiary);
    --theme-selectpicker-hover-border: var(--theme-border-primary);
    --theme-selectpicker-hover-color: var(--theme-text-primary);
    --theme-selectpicker-focus-bg: var(--theme-bg-tertiary);
    --theme-selectpicker-focus-border: var(--theme-input-focus-border);
    --theme-selectpicker-focus-shadow: var(--theme-input-focus-shadow);
    
    /* Selectpicker Dropdown Toggle */
    --theme-selectpicker-dropdown-toggle-bg: var(--theme-bg-widget);
    --theme-selectpicker-dropdown-toggle-border: var(--theme-border-primary);
    --theme-selectpicker-dropdown-toggle-color: var(--theme-text-primary);
    --theme-selectpicker-dropdown-toggle-hover-bg: var(--theme-bg-tertiary);
    --theme-selectpicker-dropdown-toggle-hover-border: var(--theme-border-primary);
    --theme-selectpicker-dropdown-toggle-hover-color: var(--theme-text-primary);
    --theme-selectpicker-dropdown-toggle-focus-bg: var(--theme-bg-tertiary);
    --theme-selectpicker-dropdown-toggle-focus-border: var(--theme-input-focus-border);
    --theme-selectpicker-dropdown-toggle-focus-shadow: var(--theme-input-focus-shadow);
    
    /* Selectpicker Caret/Arrow */
    --theme-selectpicker-caret-color: var(--theme-text-secondary);
    --theme-selectpicker-caret-hover-color: var(--theme-text-primary);
    --theme-selectpicker-caret-focus-color: var(--theme-accent-primary);
    
    /* Selectpicker Filter Option */
    --theme-selectpicker-filter-option-color: var(--theme-text-primary);
    --theme-selectpicker-filter-option-hover-color: var(--theme-text-primary);
    --theme-selectpicker-filter-option-focus-color: var(--theme-text-primary);
    
    /* Selectpicker Placeholder */
    --theme-selectpicker-placeholder-color: var(--theme-text-muted);
    --theme-selectpicker-placeholder-hover-color: var(--theme-text-muted);
    --theme-selectpicker-placeholder-focus-color: var(--theme-text-muted);
    --theme-selectpicker-placeholder-active-color: var(--theme-text-muted);
    
    /* Selectpicker Dropdown Menu */
    --theme-selectpicker-dropdown-menu-bg: var(--theme-bg-dropdown);
    --theme-selectpicker-dropdown-menu-border: var(--theme-border-primary);
    --theme-selectpicker-dropdown-menu-shadow: var(--theme-shadow-medium);
    
    /* Selectpicker Dropdown Items */
    --theme-selectpicker-dropdown-item-bg: var(--theme-bg-dropdown);
    --theme-selectpicker-dropdown-item-color: var(--theme-text-primary);
    --theme-selectpicker-dropdown-item-hover-bg: var(--theme-bg-tertiary);
    --theme-selectpicker-dropdown-item-hover-color: var(--theme-text-primary);
    --theme-selectpicker-dropdown-item-active-bg: transparent;
    --theme-selectpicker-dropdown-item-active-color: var(--theme-text-primary);
    --theme-selectpicker-dropdown-item-focus-bg: transparent;
    --theme-selectpicker-dropdown-item-focus-color: var(--theme-text-primary);
    
    /* Selectpicker Dropdown Item Inner */
    --theme-selectpicker-dropdown-item-inner-bg: var(--theme-bg-dropdown);
    --theme-selectpicker-dropdown-item-inner-color: var(--theme-text-primary);
    --theme-selectpicker-dropdown-item-inner-hover-bg: rgba(27, 85, 226, 0.1);
    --theme-selectpicker-dropdown-item-inner-hover-color: var(--theme-text-primary);
    --theme-selectpicker-dropdown-item-inner-padding: 9px 19px;
    
    /* Selectpicker Dropdown Header */
    --theme-selectpicker-dropdown-header-bg: var(--theme-bg-dropdown);
    --theme-selectpicker-dropdown-header-color: var(--theme-text-muted);
    --theme-selectpicker-dropdown-header-padding: 10px 22px;
    
    /* Selectpicker Popover Title */
    --theme-selectpicker-popover-title-bg: var(--theme-bg-dropdown);
    --theme-selectpicker-popover-title-color: var(--theme-text-muted);
    --theme-selectpicker-popover-title-padding: 15px;
    
    /* Selectpicker No Results */
    --theme-selectpicker-no-results-bg: var(--theme-bg-widget);
    --theme-selectpicker-no-results-color: var(--theme-text-primary);
    --theme-selectpicker-no-results-padding: 3px;
    --theme-selectpicker-no-results-margin: 0 5px;
    
    /* Selectpicker Notify */
    --theme-selectpicker-notify-bg: var(--theme-bg-tertiary);
    --theme-selectpicker-notify-border: var(--theme-border-light);
    --theme-selectpicker-notify-color: var(--theme-text-primary);
    --theme-selectpicker-notify-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    
    /* Selectpicker Check Mark */
    --theme-selectpicker-check-mark-color: var(--theme-accent-primary);
    --theme-selectpicker-check-mark-size: 16px;
    --theme-selectpicker-check-mark-margin: 5px;
    
    /* Selectpicker Sizes */
    --theme-selectpicker-sm-height: 31px;
    --theme-selectpicker-sm-padding: 0.375rem 0.75rem;
    --theme-selectpicker-sm-font-size: 0.875rem;
    
    --theme-selectpicker-lg-height: 47px;
    --theme-selectpicker-lg-padding: 0.75rem 1.5rem;
    --theme-selectpicker-lg-font-size: 1.125rem;
    
    /* Selectpicker Variants */
    --theme-selectpicker-primary-bg: var(--theme-accent-primary);
    --theme-selectpicker-primary-border: var(--theme-accent-primary);
    --theme-selectpicker-primary-color: #ffffff;
    --theme-selectpicker-primary-hover-bg: var(--theme-accent-primary);
    --theme-selectpicker-primary-hover-border: var(--theme-accent-primary);
    --theme-selectpicker-primary-hover-color: #ffffff;
    
    --theme-selectpicker-success-bg: var(--theme-accent-success);
    --theme-selectpicker-success-border: var(--theme-accent-success);
    --theme-selectpicker-success-color: #ffffff;
    --theme-selectpicker-success-hover-bg: var(--theme-accent-success);
    --theme-selectpicker-success-hover-border: var(--theme-accent-success);
    --theme-selectpicker-success-hover-color: #ffffff;
    
    --theme-selectpicker-warning-bg: var(--theme-accent-warning);
    --theme-selectpicker-warning-border: var(--theme-accent-warning);
    --theme-selectpicker-warning-color: #ffffff;
    --theme-selectpicker-warning-hover-bg: var(--theme-accent-warning);
    --theme-selectpicker-warning-hover-border: var(--theme-accent-warning);
    --theme-selectpicker-warning-hover-color: #ffffff;
    
    --theme-selectpicker-danger-bg: var(--theme-accent-danger);
    --theme-selectpicker-danger-border: var(--theme-accent-danger);
    --theme-selectpicker-danger-color: #ffffff;
    --theme-selectpicker-danger-hover-bg: var(--theme-accent-danger);
    --theme-selectpicker-danger-hover-border: var(--theme-accent-danger);
    --theme-selectpicker-danger-hover-color: #ffffff;
    
    --theme-selectpicker-info-bg: var(--theme-accent-info);
    --theme-selectpicker-info-border: var(--theme-accent-info);
    --theme-selectpicker-info-color: #ffffff;
    --theme-selectpicker-info-hover-bg: var(--theme-accent-info);
    --theme-selectpicker-info-hover-border: var(--theme-accent-info);
    --theme-selectpicker-info-hover-color: #ffffff;
}