<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body.dark-mode {
    background: #23263a !important;
    color: #f5f6fa !important;
}

body.dark-mode .card,
body.dark-mode .navbar,
body.dark-mode .modal-content {
    background: #2d3147 !important;
    color: #f5f6fa !important;
    border-color: #23263a !important;
}

body.dark-mode .card-header {
    background: #23263a !important;
    color: #f7c948 !important;
    border-bottom: 1px solid #3b5e2b !important;
}

body.dark-mode .card-title,
body.dark-mode .card-header h2,
body.dark-mode .card-header h3,
body.dark-mode .card-header h4 {
    color: #f7c948 !important;
}

body.dark-mode .btn,
body.dark-mode .btn-primary,
body.dark-mode .btn-success,
body.dark-mode .btn-secondary {
    background: #3b5e2b !important;
    color: #f7c948 !important;
    border: none;
}

body.dark-mode .form-control,
body.dark-mode .progress,
body.dark-mode .list-group-item {
    background: #23263a !important;
    color: #f5f6fa !important;
    border-color: #2d3147 !important;
}

body.dark-mode .nav-link,
body.dark-mode .navbar-brand {
    color: #f5f6fa !important;
}

body.dark-mode .alert {
    background-color: #23263a !important;
    color: #f7c948 !important;
    border: 1px solid #f7c948 !important;
}

body.dark-mode .alert-success {
    background-color: #3b5e2b !important;
    color: #f7c948 !important;
    border: 1px solid #f7c948 !important;
}

body.dark-mode .alert-warning {
    background-color: #5e3b2b !important;
    color: #f7c948 !important;
    border: 1px solid #f7c948 !important;
}

body.dark-mode .alert-danger {
    background-color: #5e2b2b !important;
    color: #f7c948 !important;
    border: 1px solid #f7c948 !important;
}

body.dark-mode .alert-info {
    background-color: #2b3b5e !important;
    color: #f7c948 !important;
    border: 1px solid #f7c948 !important;
}

body.dark-mode .btn-close {
    filter: invert(1) grayscale(1);
}

/* Dark Mode Text Support */
.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6,
.dark-mode p,
.dark-mode span,
.dark-mode label,
.dark-mode .text-muted,
.dark-mode .text-secondary {
    color: var(--text-color) !important;
}

.dark-mode .text-dark {
    color: var(--text-color) !important;
}

.dark-mode .text-light {
    color: var(--amarantos-gray-800) !important;
}

.dark-mode .text-muted {
    color: var(--amarantos-gray-400) !important;
}

.dark-mode .text-secondary {
    color: var(--amarantos-gray-300) !important;
}

/* Dashboard Specific Dark Mode */
.dark-mode .dashboard-stats .card {
    background-color: var(--card-bg);
    border-color: var(--border-color);
}

.dark-mode .dashboard-stats .card-title,
.dark-mode .dashboard-stats .card-text {
    color: var(--text-color);
}

.dark-mode .activity-feed .activity-item {
    background-color: var(--card-bg);
    border-left-color: var(--amarantos-primary);
}

/* Challenge Page Specific Dark Mode */
.dark-mode .challenge-card .card-title,
.dark-mode .challenge-card .card-text,
.dark-mode .challenge-card .challenge-description,
.dark-mode .challenge-card .challenge-status {
    color: var(--text-color);
}

.dark-mode .challenge-card .challenge-meta {
    color: var(--amarantos-gray-400);
}

.dark-mode .challenge-card .challenge-progress {
    background-color: var(--amarantos-gray-700);
}

.dark-mode .challenge-card .challenge-progress .progress-bar {
    background-color: var(--amarantos-primary);
}

/* Form Elements in Dark Mode */
.dark-mode .form-label,
.dark-mode .form-text {
    color: var(--text-color);
}

.dark-mode .form-select {
    background-color: var(--amarantos-gray-800);
    color: var(--text-color);
    border-color: var(--border-color);
}

.dark-mode .form-select:focus {
    background-color: var(--amarantos-gray-800);
    color: var(--text-color);
}

/* List Groups in Dark Mode */
.dark-mode .list-group-item {
    background-color: var(--card-bg);
    border-color: var(--border-color);
    color: var(--text-color);
}

.dark-mode .list-group-item-action:hover {
    background-color: var(--amarantos-gray-700);
}

/* Badges in Dark Mode */
.dark-mode .badge.bg-light {
    background-color: var(--amarantos-gray-700) !important;
    color: var(--text-color) !important;
}

/* Links in Dark Mode */
.dark-mode a {
    color: var(--amarantos-primary-light);
}

.dark-mode a:hover {
    color: var(--amarantos-accent);
} </pre></body></html>