/* ========================================
   LIGHT MODE THEME
   A clean, elegant light theme with emerald accents
   ======================================== */

/* ========================================
   COLOR VARIABLES - LIGHT MODE
   ======================================== */
[data-theme="light"] {
    /* Primary Backgrounds */
    --bg-primary: #FFFFFF;           /* Pure white - page backgrounds */
    --bg-secondary: #F8F9FA;         /* Light gray - cards, containers */
    --bg-tertiary: #E9ECEF;          /* Medium light gray - tertiary elements */
    --text-primary: #1A1A1A;         /* Almost black - headlines, important text */
    --text-secondary: #6C757D;       /* Medium gray - body text, labels */
    --text-tertiary: #ADB5BD;        /* Light gray - disabled, placeholder */
    
    /* Accent Colors */
    --accent-primary: #eee;       /* Dark - primary accents */
    --accent-secondary: #495057;     /* Medium dark - secondary accents */
    --border-color: rgba(0, 0, 0, 0.1);  /* Transparent black - borders */
    --border-light: #DEE2E6;         /* Light gray - subtle borders */
    
    /* Status Colors - Adjusted for light background */
    --success-color: #10b981;        /* Emerald green - success states */
    --error-color: #dc2626;          /* Red - errors, destructive actions */
    --danger-color: #dc2626;         /* Red - danger states */
    --warning-color: #f59e0b;        /* Amber - warnings */
    --info-color: #3b82f6;           /* Blue - info messages */
    
    /* Buttons - Primary (Emerald Green) */
    --btn-primary-bg: #059669;       /* Emerald green - primary actions */
    --btn-primary-text: #FFFFFF;     /* White text on emerald */
    --btn-primary-hover: #047857;    /* Darker emerald - hover state */
    
    /* Buttons - Secondary */
    --btn-secondary-bg: #E9ECEF;     /* Light gray background */
    --btn-secondary-text: #1A1A1A;   /* Dark text */
    --btn-secondary-hover: #DEE2E6;  /* Slightly darker on hover */
    
    /* Buttons - Pill */
    --btn-pill-bg: #F1F3F5;          /* Very light gray */
    --btn-pill-text: #495057;        /* Medium dark text */
    --btn-pill-hover: #E9ECEF;       /* Light gray on hover */
    
    /* Form Elements */
    --input-bg: #FFFFFF;             /* White - input backgrounds */
    --input-border: #CED4DA;         /* Light gray - input borders */
    --input-focus: #059669;          /* Emerald - focused borders */
    --input-text: #1A1A1A;           /* Dark - input text */
    --input-placeholder: #ADB5BD;    /* Light gray - placeholder text */
    
    /* Shadows - Light mode needs more prominent shadows */
    --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.15);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.2);
    --shadow-glow: 0 0 40px rgba(5, 150, 105, 0.1);
    
    /* Additional Light Mode Specific Colors */
    --hover-overlay: rgba(0, 0, 0, 0.04);  /* Subtle dark overlay on hover */
    --active-overlay: rgba(0, 0, 0, 0.08); /* Slightly darker for active state */
    --divider-color: #E9ECEF;              /* Dividers and separators */
    --skeleton-base: #E9ECEF;              /* Skeleton loading base */
    --skeleton-highlight: #F8F9FA;         /* Skeleton loading highlight */
}

/* ========================================
   GLOBAL OVERRIDES - LIGHT MODE
   ======================================== */

/* Body Background */
[data-theme="light"] body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

/* Remove dark mode background effects, replace with subtle light pattern */
[data-theme="light"] body::before {
    background-image: 
        linear-gradient(rgba(0, 0, 0, 0.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 0, 0, 0.02) 1px, transparent 1px);
    background-size: 40px 40px;
}

/* Light mode ambient glow - subtle emerald tint */
[data-theme="light"] body::after {
    background: radial-gradient(circle, 
        rgba(5, 150, 105, 0.03) 0%, 
        transparent 70%
    );
    filter: blur(100px);
}

/* ========================================
   HEADER - LIGHT MODE
   ======================================== */

[data-theme="light"] .site-header {
    background: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid var(--border-color);
    backdrop-filter: blur(10px);
}

[data-theme="light"] .header-logo .logo-text {
    color: var(--text-primary);
}

[data-theme="light"] .page-link {
    color: var(--text-secondary);
}

[data-theme="light"] .page-link:hover,
[data-theme="light"] .page-link.active {
    color: var(--btn-primary-bg);
}

/* Cart Icon */
[data-theme="light"] .header-cart-icon {
    color: var(--text-primary);
    background: var(--bg-secondary);
}

[data-theme="light"] .header-cart-icon:hover {
    background: var(--bg-tertiary);
    color: var(--btn-primary-bg);
}

[data-theme="light"] .cart-badge {
    background: var(--btn-primary-bg);
    color: var(--btn-primary-text);
}

/* Dropdowns */
[data-theme="light"] .language-dropdown-toggle,
[data-theme="light"] .user-dropdown-toggle {
    color: var(--text-primary);
    background: var(--bg-secondary);
}

[data-theme="light"] .language-dropdown-toggle:hover,
[data-theme="light"] .user-dropdown-toggle:hover {
    background: var(--bg-tertiary);
}

[data-theme="light"] .language-dropdown-menu,
[data-theme="light"] .user-dropdown-menu {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-lg);
}

[data-theme="light"] .dropdown-item {
    color: var(--text-primary);
}

[data-theme="light"] .dropdown-item:hover {
    background: var(--bg-secondary);
    color: var(--btn-primary-bg);
}

[data-theme="light"] .dropdown-item.active {
    background: rgba(5, 150, 105, 0.1);
    color: var(--btn-primary-bg);
}

[data-theme="light"] .dropdown-divider {
    background: var(--divider-color);
}

[data-theme="light"] .dropdown-email,
[data-theme="light"] .dropdown-balance {
    color: var(--text-secondary);
}

/* Mobile Menu */
[data-theme="light"] .mobile-menu-toggle {
    color: var(--text-primary);
    background: var(--bg-secondary);
}

[data-theme="light"] .mobile-menu-toggle:hover {
    background: var(--bg-tertiary);
}

/* ========================================
   BUTTONS - LIGHT MODE
   ======================================== */

/* Primary Button (keeps emerald green) */
[data-theme="light"] .btn-primary {
    background: var(--btn-primary-bg);
    color: var(--btn-primary-text);
    box-shadow: 0 1px 3px rgba(5, 150, 105, 0.2);
}

[data-theme="light"] .btn-primary:hover {
    background: var(--btn-primary-hover);
    box-shadow: 0 4px 6px rgba(5, 150, 105, 0.25);
}

/* Secondary Button */
[data-theme="light"] .btn-secondary {
    background: var(--btn-secondary-bg);
    color: var(--btn-secondary-text);
    border: 1px solid var(--border-color);
}

[data-theme="light"] .btn-secondary:hover {
    background: var(--btn-secondary-hover);
    border-color: var(--border-light);
}

/* Pill Button */
[data-theme="light"] .btn-pill {
    background: var(--btn-pill-bg);
    color: var(--btn-pill-text);
}

[data-theme="light"] .btn-pill:hover {
    background: var(--btn-pill-hover);
    color: var(--text-primary);
}

/* Action Buttons */
[data-theme="light"] .btn-action {
    background: var(--bg-secondary);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
}

[data-theme="light"] .btn-action:hover {
    background: var(--bg-tertiary);
    border-color: var(--btn-primary-bg);
    color: var(--btn-primary-bg);
}

/* Success Button */
[data-theme="light"] .btn-success,
[data-theme="light"] .btn-action.btn-success {
    background: var(--success-color);
    color: #FFFFFF;
    border-color: var(--success-color);
}

[data-theme="light"] .btn-success:hover {
    background: #059669;
}

/* Warning Button */
[data-theme="light"] .btn-warning,
[data-theme="light"] .btn-action.btn-warning {
    background: var(--warning-color);
    color: #FFFFFF;
    border-color: var(--warning-color);
}

[data-theme="light"] .btn-warning:hover {
    background: #d97706;
}

/* Danger Button */
[data-theme="light"] .btn-danger,
[data-theme="light"] .btn-action.btn-danger {
    background: var(--danger-color);
    color: #FFFFFF;
    border-color: var(--danger-color);
}

[data-theme="light"] .btn-danger:hover {
    background: #b91c1c;
}

/* Info Button */
[data-theme="light"] .btn-info,
[data-theme="light"] .btn-action.btn-info {
    background: var(--info-color);
    color: #FFFFFF;
    border-color: var(--info-color);
}

[data-theme="light"] .btn-info:hover {
    background: #2563eb;
}

/* Icon Button */
[data-theme="light"] .btn-icon {
    background: var(--bg-secondary);
    color: var(--text-primary);
}

[data-theme="light"] .btn-icon:hover {
    background: var(--bg-tertiary);
    color: var(--btn-primary-bg);
}

/* ========================================
   FORMS - LIGHT MODE
   ======================================== */

[data-theme="light"] .form-label {
    color: var(--text-primary);
}

[data-theme="light"] .input-field,
[data-theme="light"] .form-input,
[data-theme="light"] input[type="text"],
[data-theme="light"] input[type="email"],
[data-theme="light"] input[type="password"],
[data-theme="light"] input[type="number"],
[data-theme="light"] input[type="tel"],
[data-theme="light"] input[type="url"],
[data-theme="light"] input[type="date"],
[data-theme="light"] input[type="datetime-local"],
[data-theme="light"] textarea,
[data-theme="light"] select {
    background: var(--input-bg);
    border: 1px solid var(--input-border);
    color: var(--input-text);
}

[data-theme="light"] .input-field::placeholder,
[data-theme="light"] .form-input::placeholder,
[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder {
    color: var(--input-placeholder);
}

[data-theme="light"] .input-field:focus,
[data-theme="light"] .form-input:focus,
[data-theme="light"] input:focus,
[data-theme="light"] textarea:focus,
[data-theme="light"] select:focus {
    border-color: var(--input-focus);
    box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.1);
}

[data-theme="light"] .input-field:disabled,
[data-theme="light"] .form-input:disabled,
[data-theme="light"] input:disabled {
    background: var(--bg-tertiary);
    color: var(--text-tertiary);
}

[data-theme="light"] .form-error {
    color: var(--error-color);
}

[data-theme="light"] .form-help {
    color: var(--text-secondary);
}

/* Checkbox */
[data-theme="light"] .checkbox-input {
    border: 2px solid var(--input-border);
    background: var(--input-bg);
}

[data-theme="light"] .checkbox-input:checked {
    background: var(--btn-primary-bg);
    border-color: var(--btn-primary-bg);
}

[data-theme="light"] .checkbox-text {
    color: var(--text-primary);
}

/* File Input */
[data-theme="light"] input[type="file"]::file-selector-button {
    background: var(--btn-secondary-bg);
    color: var(--btn-secondary-text);
    border: 1px solid var(--border-color);
}

[data-theme="light"] input[type="file"]::file-selector-button:hover {
    background: var(--btn-secondary-hover);
}

/* ========================================
   CARDS - LIGHT MODE
   ======================================== */

[data-theme="light"] .card,
[data-theme="light"] .dashboard-card,
[data-theme="light"] .stat-card {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-sm);
}

[data-theme="light"] .card:hover,
[data-theme="light"] .dashboard-card:hover,
[data-theme="light"] .stat-card:hover {
    box-shadow: var(--shadow-md);
    border-color: var(--border-light);
}

[data-theme="light"] .card-title,
[data-theme="light"] .dashboard-card-title {
    color: var(--text-primary);
}

[data-theme="light"] .card-subtitle,
[data-theme="light"] .dashboard-card-description {
    color: var(--text-secondary);
}

[data-theme="light"] .dashboard-card-icon {
    background: rgba(5, 150, 105, 0.1);
    color: var(--btn-primary-bg);
}

/* Stat Cards */
[data-theme="light"] .stat-icon {
    background: var(--bg-secondary);
}

[data-theme="light"] .stat-icon.primary {
    background: rgba(5, 150, 105, 0.1);
    color: var(--btn-primary-bg);
}

[data-theme="light"] .stat-icon.warning {
    background: rgba(245, 158, 11, 0.1);
    color: var(--warning-color);
}

[data-theme="light"] .stat-icon.info {
    background: rgba(59, 130, 246, 0.1);
    color: var(--info-color);
}

[data-theme="light"] .stat-icon.success {
    background: rgba(16, 185, 129, 0.1);
    color: var(--success-color);
}

[data-theme="light"] .stat-value {
    color: var(--text-primary);
}

[data-theme="light"] .stat-label {
    color: var(--text-secondary);
}

/* ========================================
   ALERTS - LIGHT MODE
   ======================================== */

[data-theme="light"] .alert {
    border: 1px solid var(--border-color);
}

[data-theme="light"] .alert-success {
    background: rgba(16, 185, 129, 0.1);
    color: #065f46;
    border-color: #10b981;
}

[data-theme="light"] .alert-error {
    background: rgba(220, 38, 38, 0.1);
    color: #991b1b;
    border-color: #dc2626;
}

[data-theme="light"] .alert-warning {
    background: rgba(245, 158, 11, 0.1);
    color: #92400e;
    border-color: #f59e0b;
}

[data-theme="light"] .alert-info {
    background: rgba(59, 130, 246, 0.1);
    color: #1e40af;
    border-color: #3b82f6;
}

/* ========================================
   BADGES - LIGHT MODE
   ======================================== */

[data-theme="light"] .badge {
    color: var(--text-primary);
    background: var(--bg-tertiary);
}

[data-theme="light"] .badge-success {
    background: rgba(16, 185, 129, 0.15);
    color: #065f46;
}

[data-theme="light"] .badge-danger {
    background: rgba(220, 38, 38, 0.15);
    color: #991b1b;
}

[data-theme="light"] .badge-warning {
    background: rgba(245, 158, 11, 0.15);
    color: #92400e;
}

[data-theme="light"] .badge-info {
    background: rgba(59, 130, 246, 0.15);
    color: #1e40af;
}

[data-theme="light"] .badge-secondary {
    background: var(--bg-tertiary);
    color: var(--text-secondary);
}

/* ========================================
   MODALS - LIGHT MODE
   ======================================== */

[data-theme="light"] .modal-overlay {
    background: rgba(0, 0, 0, 0.5);
}

[data-theme="light"] .modal-content {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-xl);
}

[data-theme="light"] .modal-header {
    background: var(--bg-secondary);
    border-bottom: 1px solid var(--border-color);
}

[data-theme="light"] .modal-header h2,
[data-theme="light"] .modal-header h3 {
    color: var(--text-primary);
}

[data-theme="light"] .modal-title {
    color: var(--text-primary);
}

[data-theme="light"] .modal-body {
    background: var(--bg-primary);
}

[data-theme="light"] .modal-footer,
[data-theme="light"] .modal-actions {
    background: var(--bg-primary);
    border-top: 1px solid var(--border-color);
}

[data-theme="light"] .modal-close,
[data-theme="light"] .btn-close {
    color: var(--text-secondary);
    background: var(--bg-secondary);
}

[data-theme="light"] .modal-close:hover,
[data-theme="light"] .btn-close:hover {
    background: var(--bg-tertiary);
    color: var(--text-primary);
}

/* ========================================
   TABLES - LIGHT MODE
   ======================================== */

[data-theme="light"] .table-modern,
[data-theme="light"] table {
    background: var(--bg-primary);
}

[data-theme="light"] .table-modern thead th,
[data-theme="light"] table thead th {
    background: var(--bg-secondary);
    color: var(--text-primary);
    border-bottom: 2px solid var(--border-color);
}

[data-theme="light"] .table-modern tbody tr,
[data-theme="light"] table tbody tr {
    border-bottom: 1px solid var(--border-color);
}

[data-theme="light"] .table-modern tbody tr:hover,
[data-theme="light"] table tbody tr:hover {
    background: var(--bg-secondary);
}

[data-theme="light"] .table-modern td,
[data-theme="light"] table td {
    color: var(--text-primary);
}

[data-theme="light"] .table-link {
    color: var(--btn-primary-bg);
}

[data-theme="light"] .table-link:hover {
    color: var(--btn-primary-hover);
}

/* ========================================
   AUTH PAGES - LIGHT MODE
   ======================================== */

[data-theme="light"] .auth-page {
    background: var(--bg-secondary);
}

[data-theme="light"] .auth-page::before {
    background: radial-gradient(circle, 
        rgba(5, 150, 105, 0.05) 0%, 
        transparent 70%
    );
}

[data-theme="light"] .auth-card {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-lg);
}

[data-theme="light"] .auth-title {
    color: var(--text-primary);
}

[data-theme="light"] .auth-subtitle {
    color: var(--text-secondary);
}

[data-theme="light"] .auth-footer-text {
    color: var(--text-secondary);
}

[data-theme="light"] .auth-footer-link {
    color: var(--btn-primary-bg);
}

[data-theme="light"] .auth-footer-link:hover {
    color: var(--btn-primary-hover);
}

/* OTP Elements */
[data-theme="light"] .otp-box {
    background: var(--input-bg);
    border: 2px solid var(--input-border);
    color: var(--input-text);
}

[data-theme="light"] .otp-box:focus {
    border-color: var(--input-focus);
    box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.1);
}

[data-theme="light"] .link-btn {
    color: var(--btn-primary-bg);
}

[data-theme="light"] .link-btn:hover {
    color: var(--btn-primary-hover);
}

/* ========================================
   HERO SECTION - LIGHT MODE
   ======================================== */

[data-theme="light"] .hero-section {
    background: var(--bg-primary);
}

[data-theme="light"] .hero-badge {
    background: rgba(5, 150, 105, 0.1);
    color: var(--btn-primary-bg);
    border: 1px solid rgba(5, 150, 105, 0.2);
}

[data-theme="light"] .hero-badge:hover {
    background: rgba(5, 150, 105, 0.15);
}

[data-theme="light"] .hero-title {
    color: var(--text-primary);
}

[data-theme="light"] .hero-description {
    color: var(--text-secondary);
}

[data-theme="light"] .hero-feature-item {
    color: var(--text-secondary);
}

[data-theme="light"] .hero-feature-divider {
    background: var(--divider-color);
}

/* ========================================
   MARQUEE - LIGHT MODE
   ======================================== */

[data-theme="light"] .marquee-card {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-sm);
}

[data-theme="light"] .marquee-card:hover {
    box-shadow: var(--shadow-md);
    border-color: var(--btn-primary-bg);
}

[data-theme="light"] .marquee-card-icon {
    background: rgba(5, 150, 105, 0.1);
    color: var(--btn-primary-bg);
}

[data-theme="light"] .marquee-card h4 {
    color: var(--text-primary);
}

[data-theme="light"] .marquee-card p {
    color: var(--text-secondary);
}

/* ========================================
   ADMIN PANEL - LIGHT MODE
   ======================================== */

[data-theme="light"] .admin-header {
    background: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid var(--border-color);
}

[data-theme="light"] .admin-logo-text {
    color: var(--text-primary);
}

[data-theme="light"] .admin-sidebar {
    background: var(--bg-primary);
    border-right: 1px solid var(--border-color);
}

[data-theme="light"] .admin-nav-title {
    color: var(--text-tertiary);
}

[data-theme="light"] .admin-nav-link {
    color: var(--text-secondary);
}

[data-theme="light"] .admin-nav-link:hover {
    background: var(--bg-secondary);
    color: var(--btn-primary-bg);
}

[data-theme="light"] .admin-nav-link.active {
    background: rgba(5, 150, 105, 0.1);
    color: var(--btn-primary-bg);
}

[data-theme="light"] .admin-section {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-sm);
}

[data-theme="light"] .page-header-admin {
    background: var(--bg-secondary);
    border-bottom: 1px solid var(--border-color);
}

[data-theme="light"] .page-icon-wrapper {
    background: var(--bg-primary);
    border: 2px solid var(--btn-primary-bg);
    color: var(--btn-primary-bg);
}

[data-theme="light"] .page-title-admin {
    color: var(--text-primary);
}

[data-theme="light"] .page-subtitle-admin {
    color: var(--text-secondary);
}

/* Admin Stats */
[data-theme="light"] .stat-card-modern {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
}

[data-theme="light"] .stat-card-modern::before {
    background: rgba(5, 150, 105, 0.05);
}

[data-theme="light"] .stat-card-modern:hover::before {
    opacity: 1;
}

[data-theme="light"] .revenue-card {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
}

/* ========================================
   LISTINGS & GAMING - LIGHT MODE
   ======================================== */

[data-theme="light"] .listing-card {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
}

[data-theme="light"] .listing-card:hover {
    box-shadow: var(--shadow-md);
    border-color: var(--btn-primary-bg);
}

[data-theme="light"] .listing-price-card,
[data-theme="light"] .price-card {
    background: var(--bg-primary);
    border: 2px solid var(--btn-primary-bg);
    box-shadow: var(--shadow-md);
}

[data-theme="light"] .seller-card {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
}

[data-theme="light"] .seller-card:hover {
    border-color: var(--btn-primary-bg);
}

[data-theme="light"] .listing-images-gallery .listing-image-item {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
}

[data-theme="light"] .listing-images-gallery .listing-image-item:hover {
    box-shadow: var(--shadow-md);
}

[data-theme="light"] .section-title {
    color: var(--text-primary);
}

[data-theme="light"] .section-title i {
    color: var(--btn-primary-bg);
}

/* ========================================
   LOADING STATES - LIGHT MODE
   ======================================== */

[data-theme="light"] .loading-overlay {
    background: rgba(255, 255, 255, 0.9);
}

[data-theme="light"] .loading-spinner,
[data-theme="light"] .spinner {
    border-color: var(--bg-tertiary);
    border-top-color: var(--btn-primary-bg);
}

[data-theme="light"] .loading-text {
    color: var(--text-primary);
}

[data-theme="light"] .skeleton {
    background: var(--skeleton-base);
}

@keyframes skeleton-loading-light {
    0% {
        background-position: -200px 0;
    }
    100% {
        background-position: calc(200px + 100%) 0;
    }
}

[data-theme="light"] .skeleton {
    background-image: linear-gradient(
        90deg,
        var(--skeleton-base) 0px,
        var(--skeleton-highlight) 40px,
        var(--skeleton-base) 80px
    );
    background-size: 200px 100%;
    animation: skeleton-loading-light 1.5s ease-in-out infinite;
}

/* ========================================
   SCROLLBAR - LIGHT MODE
   ======================================== */

[data-theme="light"] ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

[data-theme="light"] ::-webkit-scrollbar-track {
    background: var(--bg-secondary);
}

[data-theme="light"] ::-webkit-scrollbar-thumb {
    background: var(--border-light);
    border-radius: 5px;
}

[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
    background: var(--btn-primary-bg);
}

/* Firefox Scrollbar */
[data-theme="light"] * {
    scrollbar-width: thin;
    scrollbar-color: var(--border-light) var(--bg-secondary);
}

/* ========================================
   LINKS - LIGHT MODE
   ======================================== */

[data-theme="light"] .link,
[data-theme="light"] a {
    color: var(--btn-primary-bg);
}

[data-theme="light"] .link:hover,
[data-theme="light"] a:hover {
    color: var(--btn-primary-hover);
}

[data-theme="light"] .link-secondary {
    color: var(--text-secondary);
}

[data-theme="light"] .link-secondary:hover {
    color: var(--text-primary);
}

/* ========================================
   DIVIDERS - LIGHT MODE
   ======================================== */

[data-theme="light"] .divider {
    color: var(--text-tertiary);
}

[data-theme="light"] .divider::before,
[data-theme="light"] .divider::after {
    background: var(--divider-color);
}

/* ========================================
   TYPOGRAPHY - LIGHT MODE
   ======================================== */

[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] h4,
[data-theme="light"] h5,
[data-theme="light"] h6 {
    color: var(--text-primary);
}

[data-theme="light"] p {
    color: var(--text-primary);
}

[data-theme="light"] span {
    color: inherit;
}

[data-theme="light"] small {
    color: var(--text-secondary);
}

/* ========================================
   BADGES & NOTIFICATION INDICATORS - LIGHT MODE
   ======================================== */

[data-theme="light"] .tab-badge {
    background: var(--btn-primary-bg);
    color: var(--btn-primary-text);
}

[data-theme="light"] .admin-nav-badge {
    background: var(--btn-primary-bg);
    color: var(--btn-primary-text);
}

[data-theme="light"] .notification-badge {
    background: var(--info-color);
    color: #FFFFFF;
}

[data-theme="light"] .dropdown-badge {
    background: var(--info-color);
    color: #FFFFFF;
}

/* ========================================
   WALLET & DASHBOARD - LIGHT MODE
   ======================================== */

[data-theme="light"] .wallet-card {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-md);
}

[data-theme="light"] .wallet-balance {
    color: var(--text-primary);
}

[data-theme="light"] .wallet-label {
    color: var(--text-secondary);
}

[data-theme="light"] .wallet-icon {
    background: rgba(5, 150, 105, 0.1);
    color: var(--btn-primary-bg);
}

[data-theme="light"] .wallet-actions {
    background: var(--bg-secondary);
}

[data-theme="light"] .dashboard-widget {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
}

[data-theme="light"] .dashboard-widget h3,
[data-theme="light"] .dashboard-widget h4 {
    color: var(--text-primary);
}

[data-theme="light"] .dashboard-widget p {
    color: var(--text-secondary);
}

[data-theme="light"] .dashboard-value {
    color: var(--text-primary);
}

[data-theme="light"] .dashboard-label {
    color: var(--text-secondary);
}

[data-theme="light"] .dashboard-icon {
    background: rgba(5, 150, 105, 0.1);
    color: var(--btn-primary-bg);
}

/* ========================================
   BUTTON HOVER STATES - ENHANCED
   ======================================== */

[data-theme="light"] .btn-primary:hover i {
    color: var(--btn-primary-text);
}

[data-theme="light"] .btn-secondary:hover i {
    color: var(--text-primary);
}

[data-theme="light"] .btn-pill:hover i {
    color: var(--text-primary);
}

[data-theme="light"] .btn-action:hover i {
    color: var(--btn-primary-bg);
}

[data-theme="light"] .btn-icon:hover i {
    color: var(--btn-primary-bg);
}

/* Link hover states */
[data-theme="light"] .page-link:hover i,
[data-theme="light"] .footer-link:hover i,
[data-theme="light"] .dropdown-item:hover i {
    color: inherit;
}

/* ========================================
   LOADING SCREEN - LIGHT MODE
   ======================================== */

[data-theme="light"] .page-loader {
    background: rgba(255, 255, 255, 0.95);
}

[data-theme="light"] .page-loader-spinner {
    border-color: var(--bg-tertiary);
    border-top-color: var(--btn-primary-bg);
}

[data-theme="light"] .page-loader-text {
    color: var(--text-primary);
}

[data-theme="light"] .loading-overlay {
    background: rgba(255, 255, 255, 0.9);
}

[data-theme="light"] .loading-spinner {
    border-color: var(--bg-tertiary);
    border-top-color: var(--btn-primary-bg);
}

[data-theme="light"] .loading-text {
    color: var(--text-primary);
}

[data-theme="light"] .spinner-border {
    border-color: var(--bg-tertiary);
    border-top-color: var(--btn-primary-bg);
}

/* Button loading states */
[data-theme="light"] .btn-loader i {
    color: inherit;
}

[data-theme="light"] button:disabled {
    opacity: 0.6;
}

[data-theme="light"] button:disabled .btn-text,
[data-theme="light"] button:disabled .btn-loader {
    color: inherit;
}

/* ========================================
   FOOTER COMPREHENSIVE - LIGHT MODE
   ======================================== */

[data-theme="light"] .site-footer {
    background: var(--bg-secondary);
    border-top: 1px solid var(--border-color);
    color: var(--text-secondary);
}

/* Remove gradient overlay in light mode */
[data-theme="light"] .site-footer::before {
    display: none;
}

[data-theme="light"] .footer-container {
    background: transparent;
}

[data-theme="light"] .footer-content {
    color: var(--text-secondary);
}

[data-theme="light"] .footer-brand {
    color: var(--text-primary);
}

[data-theme="light"] .footer-logo img {
    filter: none;
}

[data-theme="light"] .footer-description,
[data-theme="light"] .footer-link {
    color: var(--text-secondary);
}

[data-theme="light"] .footer-link:hover {
    color: var(--btn-primary-bg);
}

[data-theme="light"] .footer-link::before {
    background: var(--btn-primary-bg);
}

[data-theme="light"] .footer-column-title {
    color: var(--text-primary);
}

[data-theme="light"] .footer-column-title::after {
    background: var(--btn-primary-bg);
}

[data-theme="light"] .footer-copyright {
    color: var(--text-secondary);
}

[data-theme="light"] .footer-bottom {
    border-top: 1px solid var(--border-color);
    color: var(--text-secondary);
}

[data-theme="light"] .footer-legal a {
    color: var(--text-secondary);
}

[data-theme="light"] .footer-legal a:hover {
    color: var(--btn-primary-bg);
}

/* Footer Newsletter */
[data-theme="light"] .footer-newsletter {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
}

[data-theme="light"] .footer-newsletter::before {
    display: none;
}

[data-theme="light"] .footer-newsletter-icon {
    background: rgba(5, 150, 105, 0.1);
    color: var(--btn-primary-bg);
}

[data-theme="light"] .footer-newsletter-icon i {
    color: var(--btn-primary-bg);
}

[data-theme="light"] .footer-newsletter-title {
    color: var(--text-primary);
}

[data-theme="light"] .footer-newsletter-description {
    color: var(--text-secondary);
}

[data-theme="light"] .footer-newsletter-input {
    background: var(--bg-secondary);
    border-color: var(--input-border);
    color: var(--input-text);
}

[data-theme="light"] .footer-newsletter-input:focus {
    border-color: var(--input-focus);
    background: var(--input-bg);
}

[data-theme="light"] .footer-newsletter-input::placeholder {
    color: var(--input-placeholder);
}

[data-theme="light"] .footer-newsletter-input-icon {
    color: var(--text-secondary);
}

[data-theme="light"] .footer-newsletter-btn {
    background: var(--btn-primary-bg);
    color: var(--btn-primary-text);
}

[data-theme="light"] .footer-newsletter-btn:hover {
    background: var(--btn-primary-hover);
}

[data-theme="light"] .footer-newsletter-btn::before {
    background: rgba(255, 255, 255, 0.1);
}

[data-theme="light"] .footer-newsletter-btn i {
    color: var(--btn-primary-text);
}

[data-theme="light"] .footer-newsletter-privacy {
    color: var(--text-tertiary);
}

[data-theme="light"] .footer-newsletter-privacy i {
    color: var(--text-tertiary);
}

/* Footer Social Icons */
[data-theme="light"] .footer-social {
    background: transparent;
}

[data-theme="light"] .footer-social-icon {
    color: var(--text-secondary);
    border-color: rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.02);
}

[data-theme="light"] .footer-social-icon:hover {
    color: var(--btn-primary-text);
    border-color: var(--btn-primary-bg);
    background: var(--btn-primary-bg);
    box-shadow: 0 8px 20px rgba(5, 150, 105, 0.2);
}

[data-theme="light"] .footer-social-icon i {
    color: inherit;
}

/* Footer Centered Style */
[data-theme="light"] .footer-centered {
    background: var(--bg-secondary);
}

[data-theme="light"] .footer-logo-centered img {
    filter: none;
}

[data-theme="light"] .footer-about-centered {
    color: var(--text-secondary);
}

[data-theme="light"] .footer-social-centered {
    background: transparent;
}

[data-theme="light"] .footer-copyright-centered {
    color: var(--text-secondary);
}

/* Footer Minimal Style */
[data-theme="light"] .footer-minimal {
    background: var(--bg-secondary);
    border-top: 1px solid var(--border-color);
}

[data-theme="light"] .footer-logo-minimal img {
    filter: none;
}

[data-theme="light"] .footer-copyright-minimal {
    color: var(--text-secondary);
}

[data-theme="light"] .footer-minimal-right a {
    color: var(--text-secondary);
}

[data-theme="light"] .footer-minimal-right a:hover {
    color: var(--btn-primary-bg);
}

/* ========================================
   MISCELLANEOUS - LIGHT MODE
   ======================================== */

[data-theme="light"] .user-card {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
}

[data-theme="light"] .user-card-info h4 {
    color: var(--text-primary);
}

[data-theme="light"] .user-card-info p {
    color: var(--text-secondary);
}

[data-theme="light"] .credentials-box {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
}

[data-theme="light"] .financial-label {
    color: var(--text-secondary);
}

[data-theme="light"] .financial-value {
    color: var(--text-primary);
}

[data-theme="light"] .financial-total .financial-label,
[data-theme="light"] .financial-total .financial-value {
    color: var(--text-primary);
}

/* Section Headers */
[data-theme="light"] .section-header-with-border {
    border-bottom: 2px solid var(--border-color);
}

[data-theme="light"] .section-title-admin {
    color: var(--text-primary);
}

/* Timeline */
[data-theme="light"] .timeline-modern::before {
    background: var(--border-color);
}

[data-theme="light"] .timeline-icon-modern {
    background: var(--bg-primary);
    border: 2px solid var(--btn-primary-bg);
    color: var(--btn-primary-bg);
}

[data-theme="light"] .timeline-content-modern {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
}

/* QR Code Container */
[data-theme="light"] .qr-code-container {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
}

[data-theme="light"] .secret-key-display {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
}

[data-theme="light"] .secret-key-display code {
    color: var(--text-primary);
}

[data-theme="light"] .recovery-codes-list code {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    color: var(--text-primary);
}

/* Help Text */
[data-theme="light"] .help-text {
    color: var(--text-secondary);
}

[data-theme="light"] .warning-text {
    color: #92400e;
    background: rgba(245, 158, 11, 0.1);
    border-left: 3px solid var(--warning-color);
}

/* ========================================
   PRINT STYLES - LIGHT MODE
   ======================================== */

@media print {
    [data-theme="light"] body {
        background: white;
        color: black;
    }
    
    [data-theme="light"] .btn-primary {
        background: #059669 !important;
        color: white !important;
    }
}

/* ========================================
   TABS & NAVIGATION - LIGHT MODE
   ======================================== */

[data-theme="light"] .tab-button {
    background: var(--bg-secondary);
    color: var(--text-secondary);
    border: 1px solid var(--border-color);
}

[data-theme="light"] .tab-button:hover {
    background: var(--bg-tertiary);
    color: var(--text-primary);
}

[data-theme="light"] .tab-button.active {
    background: var(--bg-primary);
    color: var(--btn-primary-bg);
    border-color: var(--btn-primary-bg);
}

[data-theme="light"] .tab-button i {
    color: inherit;
}

[data-theme="light"] .tab-content {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
}

/* Navigation Links */
[data-theme="light"] .nav-link {
    color: var(--text-secondary);
}

[data-theme="light"] .nav-link:hover {
    color: var(--btn-primary-bg);
}

[data-theme="light"] .nav-link.active {
    color: var(--btn-primary-bg);
}

[data-theme="light"] .nav-link i {
    color: inherit;
}

/* Pagination */
[data-theme="light"] .pagination {
    background: transparent;
}

[data-theme="light"] .pagination a {
    background: var(--bg-secondary);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
}

[data-theme="light"] .pagination a:hover {
    background: var(--bg-tertiary);
    color: var(--btn-primary-bg);
}

[data-theme="light"] .pagination .active {
    background: var(--btn-primary-bg);
    color: var(--btn-primary-text);
    border-color: var(--btn-primary-bg);
}

/* ========================================
   WALLET PAGE SPECIFIC - LIGHT MODE
   ======================================== */

[data-theme="light"] .wallet-mastercard {
    background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-lg);
}

[data-theme="light"] .wallet-chip {
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
}

[data-theme="light"] .wallet-number {
    color: var(--text-primary);
}

[data-theme="light"] .wallet-holder {
    color: var(--text-secondary);
}

[data-theme="light"] .wallet-expiry {
    color: var(--text-secondary);
}

[data-theme="light"] .wallet-logo {
    color: var(--text-primary);
}

[data-theme="light"] .wallet-transaction-item {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
}

[data-theme="light"] .wallet-transaction-item:hover {
    background: var(--bg-secondary);
    border-color: var(--btn-primary-bg);
}

[data-theme="light"] .transaction-icon {
    background: rgba(5, 150, 105, 0.1);
    color: var(--btn-primary-bg);
}

[data-theme="light"] .transaction-icon.debit {
    background: rgba(220, 38, 38, 0.1);
    color: var(--error-color);
}

[data-theme="light"] .transaction-icon.credit {
    background: rgba(16, 185, 129, 0.1);
    color: var(--success-color);
}

[data-theme="light"] .transaction-title {
    color: var(--text-primary);
}

[data-theme="light"] .transaction-date {
    color: var(--text-secondary);
}

[data-theme="light"] .transaction-amount {
    color: var(--text-primary);
}

[data-theme="light"] .transaction-amount.positive {
    color: var(--success-color);
}

[data-theme="light"] .transaction-amount.negative {
    color: var(--error-color);
}

/* ========================================
   PROFILE & USER PAGES - LIGHT MODE
   ======================================== */

[data-theme="light"] .profile-header {
    background: var(--bg-secondary);
    border-bottom: 1px solid var(--border-color);
}

[data-theme="light"] .profile-avatar {
    border: 3px solid var(--bg-primary);
    box-shadow: var(--shadow-md);
}

[data-theme="light"] .profile-name {
    color: var(--text-primary);
}

[data-theme="light"] .profile-username {
    color: var(--text-secondary);
}

[data-theme="light"] .profile-bio {
    color: var(--text-primary);
}

[data-theme="light"] .profile-stat-value {
    color: var(--text-primary);
}

[data-theme="light"] .profile-stat-label {
    color: var(--text-secondary);
}

[data-theme="light"] .profile-badge {
    background: rgba(5, 150, 105, 0.1);
    color: var(--btn-primary-bg);
    border: 1px solid var(--btn-primary-bg);
}

[data-theme="light"] .profile-badge i {
    color: var(--btn-primary-bg);
}

/* ========================================
   LISTINGS & MARKETPLACE - LIGHT MODE
   ======================================== */

[data-theme="light"] .listing-card {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
}

[data-theme="light"] .listing-card:hover {
    box-shadow: var(--shadow-md);
    border-color: var(--btn-primary-bg);
}

[data-theme="light"] .listing-title {
    color: var(--text-primary);
}

[data-theme="light"] .listing-description {
    color: var(--text-secondary);
}

[data-theme="light"] .listing-price {
    color: var(--btn-primary-bg);
}

[data-theme="light"] .listing-price-card,
[data-theme="light"] .price-card {
    background: var(--bg-primary);
    border: 2px solid var(--btn-primary-bg);
    box-shadow: var(--shadow-md);
}

[data-theme="light"] .listing-price-card h3,
[data-theme="light"] .price-card h3 {
    color: var(--text-primary);
}

[data-theme="light"] .listing-price-card .price,
[data-theme="light"] .price-card .price {
    color: var(--btn-primary-bg);
}

[data-theme="light"] .seller-card {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
}

[data-theme="light"] .seller-card:hover {
    border-color: var(--btn-primary-bg);
}

[data-theme="light"] .seller-card-details {
    background: transparent;
}

[data-theme="light"] .seller-username {
    color: var(--text-primary);
}

[data-theme="light"] .seller-view-profile {
    color: var(--text-secondary);
}

[data-theme="light"] .seller-profile-link:hover .seller-username {
    color: var(--btn-primary-bg);
}

[data-theme="light"] .listing-images-gallery .listing-image-item {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
}

[data-theme="light"] .listing-images-gallery .listing-image-item:hover {
    box-shadow: var(--shadow-md);
}

[data-theme="light"] .listing-details-section {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
}

[data-theme="light"] .listing-details-section h2,
[data-theme="light"] .listing-details-section h3 {
    color: var(--text-primary);
}

[data-theme="light"] .listing-details-section p {
    color: var(--text-primary);
}

[data-theme="light"] .section-title i {
    color: var(--btn-primary-bg);
}

[data-theme="light"] .info-item-label {
    color: var(--text-secondary);
}

[data-theme="light"] .info-item-value {
    color: var(--text-primary);
}

/* ========================================
   ORDERS & SALES - LIGHT MODE
   ======================================== */

[data-theme="light"] .order-card {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
}

[data-theme="light"] .order-card:hover {
    border-color: var(--btn-primary-bg);
    box-shadow: var(--shadow-md);
}

[data-theme="light"] .order-header {
    background: var(--bg-secondary);
    border-bottom: 1px solid var(--border-color);
}

[data-theme="light"] .order-id {
    color: var(--text-primary);
}

[data-theme="light"] .order-date {
    color: var(--text-secondary);
}

[data-theme="light"] .order-status {
    background: var(--bg-tertiary);
    color: var(--text-primary);
}

[data-theme="light"] .order-body {
    background: var(--bg-primary);
}

[data-theme="light"] .order-item-title {
    color: var(--text-primary);
}

[data-theme="light"] .order-item-price {
    color: var(--btn-primary-bg);
}

[data-theme="light"] .order-total {
    color: var(--text-primary);
    background: var(--bg-secondary);
    border-top: 1px solid var(--border-color);
}

/* ========================================
   POPUPS & MODALS - ENHANCED
   ======================================== */

[data-theme="light"] .popup-content {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-xl);
}

[data-theme="light"] .popup-header {
    background: var(--bg-secondary);
    border-bottom: 1px solid var(--border-color);
}

[data-theme="light"] .popup-title {
    color: var(--text-primary);
}

[data-theme="light"] .popup-body {
    color: var(--text-primary);
}

[data-theme="light"] .popup-rich-content {
    color: var(--text-primary);
}

[data-theme="light"] .popup-rich-content h1,
[data-theme="light"] .popup-rich-content h2,
[data-theme="light"] .popup-rich-content h3,
[data-theme="light"] .popup-rich-content h4,
[data-theme="light"] .popup-rich-content h5,
[data-theme="light"] .popup-rich-content h6 {
    color: var(--text-primary);
}

[data-theme="light"] .popup-rich-content p {
    color: var(--text-primary);
}

[data-theme="light"] .popup-rich-content a {
    color: var(--btn-primary-bg);
}

[data-theme="light"] .popup-rich-content a:hover {
    color: var(--btn-primary-hover);
}

[data-theme="light"] .popup-footer {
    background: var(--bg-secondary);
    border-top: 1px solid var(--border-color);
}

/* ========================================
   BREADCRUMBS - LIGHT MODE
   ======================================== */

[data-theme="light"] .breadcrumb {
    background: var(--bg-secondary);
}

[data-theme="light"] .breadcrumb-item {
    color: var(--text-secondary);
}

[data-theme="light"] .breadcrumb-item a {
    color: var(--text-secondary);
}

[data-theme="light"] .breadcrumb-item a:hover {
    color: var(--btn-primary-bg);
}

[data-theme="light"] .breadcrumb-item.active {
    color: var(--text-primary);
}

[data-theme="light"] .breadcrumb-item + .breadcrumb-item::before {
    color: var(--text-tertiary);
}

/* ========================================
   SEARCH & FILTERS - LIGHT MODE
   ======================================== */

[data-theme="light"] .search-bar {
    background: var(--input-bg);
    border: 1px solid var(--input-border);
}

[data-theme="light"] .search-bar:focus-within {
    border-color: var(--input-focus);
    box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.1);
}

[data-theme="light"] .search-input {
    background: transparent;
    color: var(--input-text);
}

[data-theme="light"] .search-input::placeholder {
    color: var(--input-placeholder);
}

[data-theme="light"] .search-icon {
    color: var(--text-secondary);
}

[data-theme="light"] .filter-group {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
}

[data-theme="light"] .filter-title {
    color: var(--text-primary);
}

[data-theme="light"] .filter-option {
    color: var(--text-primary);
}

[data-theme="light"] .filter-option:hover {
    background: var(--bg-secondary);
}

[data-theme="light"] .filter-option.active {
    background: rgba(5, 150, 105, 0.1);
    color: var(--btn-primary-bg);
}

/* ========================================
   COMMENTS & REVIEWS - LIGHT MODE
   ======================================== */

[data-theme="light"] .comment-card {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
}

[data-theme="light"] .comment-author {
    color: var(--text-primary);
}

[data-theme="light"] .comment-date {
    color: var(--text-secondary);
}

[data-theme="light"] .comment-text {
    color: var(--text-primary);
}

[data-theme="light"] .comment-actions {
    border-top: 1px solid var(--border-color);
}

[data-theme="light"] .rating-stars i {
    color: var(--warning-color);
}

[data-theme="light"] .rating-value {
    color: var(--text-primary);
}

/* ========================================
   PROGRESS BARS - LIGHT MODE
   ======================================== */

[data-theme="light"] .progress-bar {
    background: var(--bg-tertiary);
}

[data-theme="light"] .progress-fill {
    background: var(--btn-primary-bg);
}

[data-theme="light"] .progress-text {
    color: var(--text-primary);
}

/* ========================================
   TOOLTIPS - LIGHT MODE
   ======================================== */

[data-theme="light"] .tooltip {
    background: var(--bg-primary);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-md);
}

[data-theme="light"] .tooltip::after {
    border-top-color: var(--bg-primary);
}

/* ========================================
   ACCESSIBILITY - LIGHT MODE
   ======================================== */

[data-theme="light"] :focus-visible {
    outline: 2px solid var(--btn-primary-bg);
    outline-offset: 2px;
}

[data-theme="light"] .sr-only:focus {
    background: var(--bg-primary);
    color: var(--text-primary);
}

/* High Contrast Support */
@media (prefers-contrast: high) {
    [data-theme="light"] {
        --border-color: rgba(0, 0, 0, 0.3);
        --text-secondary: #4A4A4A;
    }
}

/* ========================================
   SPACE TRAVEL SERVICES - LIGHT MODE
   ======================================== */

[data-theme="light"] .space-sidebar {
    background: rgba(248, 248, 248, 0.95);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .space-sidebar::before {
    background: radial-gradient(circle at 50% 0%, rgba(5, 150, 105, 0.08) 0%, transparent 70%);
}

[data-theme="light"] .space-nav-item {
    color: rgba(0, 0, 0, 0.7);
}

[data-theme="light"] .space-nav-item::before {
    background: radial-gradient(circle, rgba(5, 150, 105, 0.15) 0%, transparent 70%);
}

[data-theme="light"] .space-nav-item:hover {
    border-color: rgba(5, 150, 105, 0.2);
    color: rgba(0, 0, 0, 0.9);
}

[data-theme="light"] .space-nav-item.active {
    background: linear-gradient(135deg, rgba(5, 150, 105, 0.15) 0%, rgba(5, 150, 105, 0.08) 100%);
    border-color: var(--btn-primary-bg);
    color: #1a1a1a;
    box-shadow: 0 8px 24px rgba(5, 150, 105, 0.2);
}

[data-theme="light"] .space-nav-icon {
    background: rgba(5, 150, 105, 0.1);
}

[data-theme="light"] .space-nav-item.active .space-nav-icon {
    background: var(--btn-primary-bg);
    box-shadow: 0 0 20px rgba(5, 150, 105, 0.4);
}

[data-theme="light"] .space-nav-icon i {
    color: var(--btn-primary-bg);
}

[data-theme="light"] .space-nav-item.active .space-nav-icon i {
    color: #ffffff;
}

[data-theme="light"] .space-content {
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .space-panel-header {
    background: linear-gradient(180deg, 
        rgba(0, 0, 0, 0.75) 0%, 
        rgba(0, 0, 0, 0.55) 50%,
        rgba(0, 0, 0, 0.25) 80%,
        transparent 100%
    );
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: none;
}

[data-theme="light"] .space-panel-title {
    color: #ffffff;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7),
                 0 0 20px rgba(5, 150, 105, 0.6);
}

[data-theme="light"] .space-image-overlay {
    background: transparent;
}

[data-theme="light"] .space-panel-footer {
    background: linear-gradient(0deg, 
        rgba(0, 0, 0, 0.85) 0%, 
        rgba(0, 0, 0, 0.65) 50%,
        rgba(0, 0, 0, 0.35) 80%,
        transparent 100%
    );
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-top: none;
}

[data-theme="light"] .space-panel-description {
    color: rgba(255, 255, 255, 0.95);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}

[data-theme="light"] .space-particle {
    background: rgba(5, 150, 105, 0.7);
    box-shadow: 0 0 10px rgba(5, 150, 105, 0.9);
}