/**
 * Challenges — dark mode
 * Overrides --ch-* tokens + light surfaces hardcoded in challenges.css
 */

html[data-hh-ct-dark-mode="dark"],
body.hh-ct-dark {
    --ch-ink: #e8f0eb;
    --ch-muted: #9aaba2;
    --ch-accent: #4dba7e;
    --ch-accent-soft: rgba(77, 186, 126, 0.16);
    --ch-surface: #151b18;
    --ch-card: #1e2622;
    --ch-line: #3a4640;
    --ch-live: #e08a55;
    --ch-warn: #e0c060;
    --ch-danger: #e08080;
    --ch-shadow: 0 1px 2px rgba(0, 0, 0, 0.35), 0 10px 28px rgba(0, 0, 0, 0.4);
}

body.hh-ct-dark .ch-page {
    background: var(--ch-surface);
    color: var(--ch-ink);
}

body.hh-ct-dark .ch-card,
body.hh-ct-dark .ch-form-panel,
body.hh-ct-dark .ch-filters,
body.hh-ct-dark .ch-empty,
body.hh-ct-dark .ch-hub-panel {
    background: var(--ch-card) !important;
    border-color: var(--ch-line) !important;
    color: var(--ch-ink);
    box-shadow: var(--ch-shadow);
}

body.hh-ct-dark .ch-btn-ghost,
body.hh-ct-dark .ch-btn-secondary {
    background: #28322c !important;
    color: var(--ch-ink) !important;
    border-color: var(--ch-line) !important;
}

body.hh-ct-dark .ch-btn-primary,
body.hh-ct-dark .ch-btn-accent {
    background: var(--ch-accent) !important;
    color: #0f1f17 !important;
}

body.hh-ct-dark .ch-btn-danger {
    background: var(--ch-danger) !important;
    color: #fff !important;
}

body.hh-ct-dark .ch-tabs a,
body.hh-ct-dark .ch-tab {
    background: var(--ch-card) !important;
    border-color: var(--ch-line) !important;
    color: var(--ch-ink) !important;
}

body.hh-ct-dark .ch-tabs a.is-active,
body.hh-ct-dark .ch-tab.is-active {
    background: var(--ch-accent-soft) !important;
    border-color: var(--ch-accent) !important;
    color: var(--ch-accent) !important;
}

body.hh-ct-dark .ch-card__title,
body.hh-ct-dark .ch-section-title,
body.hh-ct-dark .ch-form-panel h2,
body.hh-ct-dark .ch-form-panel h3 {
    color: var(--ch-ink) !important;
}

body.hh-ct-dark .ch-card__meta,
body.hh-ct-dark .ch-section-sub,
body.hh-ct-dark .ch-muted {
    color: var(--ch-muted) !important;
}

body.hh-ct-dark .ch-chip-live {
    background: rgba(224, 138, 85, 0.18) !important;
    color: var(--ch-live) !important;
    border-color: rgba(224, 138, 85, 0.35) !important;
}

body.hh-ct-dark .ch-chip-pending {
    background: rgba(224, 192, 96, 0.16) !important;
    color: var(--ch-warn) !important;
    border-color: rgba(224, 192, 96, 0.32) !important;
}

body.hh-ct-dark .ch-chip-scheduled {
    background: var(--ch-accent-soft) !important;
    color: var(--ch-accent) !important;
    border-color: rgba(77, 186, 126, 0.35) !important;
}

body.hh-ct-dark .ch-chip-finished {
    background: #28322c !important;
    color: var(--ch-muted) !important;
    border-color: var(--ch-line) !important;
}

body.hh-ct-dark .ch-chip-open {
    background: rgba(42, 94, 168, 0.2) !important;
    color: #8ec0ff !important;
    border-color: rgba(142, 192, 255, 0.28) !important;
}

body.hh-ct-dark .ch-page .form-control,
body.hh-ct-dark .ch-page select,
body.hh-ct-dark .ch-page textarea {
    background-color: #171d1a !important;
    border-color: #404d46 !important;
    color: #eef2f0 !important;
}

body.hh-ct-dark .ch-page .panel,
body.hh-ct-dark .ch-page .panel-default,
body.hh-ct-dark .ch-page .panel-body,
body.hh-ct-dark .ch-page .panel-heading {
    background-color: var(--ch-card) !important;
    border-color: var(--ch-line) !important;
    color: var(--ch-ink);
}

body.hh-ct-dark .ch-page .text-muted,
body.hh-ct-dark .ch-page .help-block {
    color: var(--ch-muted) !important;
}

body.hh-ct-dark .ch-page a:not(.btn):not(.ch-btn) {
    color: var(--ch-accent);
}

body.hh-ct-dark .ch-scoreboard,
body.hh-ct-dark .ch-serie,
body.hh-ct-dark .ch-inbox-item {
    background: #232c28 !important;
    border-color: var(--ch-line) !important;
    color: var(--ch-ink);
}

body.hh-ct-dark .ch-menu-badge {
    background: var(--ch-accent) !important;
    color: #0f1f17 !important;
}

body.hh-ct-dark .ch-alert,
body.hh-ct-dark .ch-page .alert-info {
    background: rgba(42, 94, 168, 0.18) !important;
    border-color: rgba(142, 192, 255, 0.28) !important;
    color: #c8d1da !important;
}

body.hh-ct-dark .ch-page .alert-danger,
body.hh-ct-dark .ch-alert--danger {
    background: rgba(224, 128, 128, 0.16) !important;
    color: var(--ch-danger) !important;
}

body.hh-ct-dark .ch-page .alert-warning {
    background: rgba(224, 192, 96, 0.16) !important;
    color: var(--ch-warn) !important;
}

body.hh-ct-dark .ch-page .list-group-item {
    background: var(--ch-card);
    border-color: var(--ch-line);
    color: var(--ch-ink);
}

body.hh-ct-dark .ch-page .dropdown-menu {
    background: var(--ch-card);
    border-color: var(--ch-line);
}

body.hh-ct-dark .ch-page .dropdown-menu > li > a {
    color: var(--ch-ink);
}

body.hh-ct-dark .ch-page .dropdown-menu > li > a:hover {
    background: #28322c;
    color: var(--ch-ink);
}