/**
 * FlirtIA - Mode Sombre (Dark Mode)
 */

[data-theme="dark"] {
    --dark: #f1f1f1;
    --light: #0f0f1a;
    --white: #1a1a2e;
    --gray: #a0a0b0;
    --gray-light: #2a2a3e;
    --black: #ffffff;
}

[data-theme="dark"] body {
    background: var(--light);
    color: var(--dark);
}

[data-theme="dark"] #mainNav {
    background: rgba(26, 26, 46, 0.95);
    border-bottom-color: rgba(255,255,255,0.05);
}

[data-theme="dark"] .navbar-brand {
    color: var(--white) !important;
}

[data-theme="dark"] .nav-link {
    color: var(--dark) !important;
}

[data-theme="dark"] .nav-link:hover,
[data-theme="dark"] .nav-link.active {
    background: rgba(233,30,99,0.15);
    color: var(--primary-light) !important;
}

[data-theme="dark"] .btn-theme-toggle {
    background: var(--gray-light);
    color: var(--dark);
}

[data-theme="dark"] .character-card,
[data-theme="dark"] .feature-card,
[data-theme="dark"] .testimonial-card,
[data-theme="dark"] .pricing-card,
[data-theme="dark"] .auth-card,
[data-theme="dark"] .dashboard-card,
[data-theme="dark"] .admin-card,
[data-theme="dark"] .stat-card {
    background: var(--white);
    border-color: rgba(255,255,255,0.05);
}

[data-theme="dark"] .feature-card,
[data-theme="dark"] .testimonial-card {
    background: #22223a;
}

[data-theme="dark"] .characters-section,
[data-theme="dark"] .how-it-works-section {
    background: var(--light);
}

[data-theme="dark"] .features-section,
[data-theme="dark"] .pricing-section {
    background: #0a0a14;
}

[data-theme="dark"] .ai-message .message-bubble {
    background: #22223a;
    color: var(--dark);
}

[data-theme="dark"] .chat-main {
    background: #0a0a14;
}

[data-theme="dark"] .chat-header,
[data-theme="dark"] .chat-input-area {
    background: var(--white);
}

[data-theme="dark"] .chat-form .input-group {
    background: #22223a;
}

[data-theme="dark"] .chat-input {
    color: var(--dark);
}

[data-theme="dark"] .chat-sidebar {
    background: var(--white);
    border-color: rgba(255,255,255,0.05);
}

[data-theme="dark"] .search-form .input-group {
    background: rgba(255,255,255,0.1);
}

[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select {
    background: #22223a;
    border-color: rgba(255,255,255,0.1);
    color: var(--dark);
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus {
    background: #22223a;
    border-color: var(--primary);
    color: var(--dark);
}

[data-theme="dark"] .form-floating > label {
    color: var(--gray);
}

[data-theme="dark"] .auth-section {
    background: var(--light);
}

[data-theme="dark"] .explore-header {
    background: linear-gradient(135deg, #0f0f1a 0%, #1a1a2e 100%);
}

[data-theme="dark"] .admin-content {
    background: #0a0a14;
}

[data-theme="dark"] .admin-table th {
    color: var(--gray);
}

[data-theme="dark"] .dropdown-menu {
    background: #22223a;
    border-color: rgba(255,255,255,0.1);
}

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

[data-theme="dark"] .dropdown-item:hover {
    background: rgba(233,30,99,0.15);
}

[data-theme="dark"] .dropdown-divider {
    border-color: rgba(255,255,255,0.1);
}

[data-theme="dark"] .text-muted {
    color: var(--gray) !important;
}

[data-theme="dark"] .conversation-item:hover {
    background: rgba(233,30,99,0.05);
}

[data-theme="dark"] .tag {
    background: rgba(233,30,99,0.15);
}

[data-theme="dark"] .upgrade-banner {
    background: var(--gradient-primary);
}

[data-theme="dark"] .modal-content {
    background: #22223a;
    color: var(--dark);
}

[data-theme="dark"] .modal-header {
    border-color: rgba(255,255,255,0.1);
}

[data-theme="dark"] .modal-footer {
    border-color: rgba(255,255,255,0.1);
}

[data-theme="dark"] .btn-outline-secondary {
    color: var(--dark);
    border-color: rgba(255,255,255,0.2);
}

[data-theme="dark"] .page-link {
    background: #22223a;
    border-color: rgba(255,255,255,0.1);
    color: var(--dark);
}

[data-theme="dark"] .page-link:hover {
    background: rgba(233,30,99,0.15);
}

[data-theme="dark"] .page-item.active .page-link {
    background: var(--primary);
    border-color: var(--primary);
}

[data-theme="dark"] .alert {
    background: #22223a;
    border-color: rgba(255,255,255,0.1);
    color: var(--dark);
}

[data-theme="dark"] .alert-success {
    border-color: var(--success);
    color: var(--success);
}

[data-theme="dark"] .alert-danger {
    border-color: var(--danger);
    color: var(--danger);
}

[data-theme="dark"] .alert-warning {
    border-color: var(--warning);
    color: var(--warning);
}