/*
 * AfriPredictions dark theme (html.dark).
 * The CSS bundle built on 25 Aug 2026 lost the dark layer and its colour utilities are
 * fixed hex values, so this file restores the theme tokens from the last good build and
 * points the fixed utilities back at them. Loaded after the bundle in layouts/app.
 */

html.dark{--color-surface-page:#0b1120;--color-surface-card:#131c2e;--color-surface-muted:#1b2436;--color-surface-raised:#182236;--color-surface-sunken:#0e1626;--color-ink-primary:#f1f5f9;--color-ink-secondary:#cbd5e1;--color-ink-muted:#94a3b8;--color-line-subtle:#24304a;--color-line-strong:#334467;--color-brand-green-dk:#4ade80;--color-brand-green-sf:#10331f;--color-brand-gold-dk:#fdba74;--color-brand-gold-sf:#33220e;color-scheme:dark}
html.dark body{background:var(--color-surface-page)!important;color:var(--color-ink-primary)}

/* Surfaces */
html.dark .bg-white,html.dark .card,html.dark .bg-surface-card{background-color:var(--color-surface-card)!important}
html.dark .card{border-color:var(--color-line-subtle)!important}
html.dark .bg-surface-page,html.dark [class*="bg-surface-page/"]{background-color:var(--color-surface-page)!important}
html.dark .bg-surface-muted,html.dark [class*="bg-surface-muted/"],html.dark .hover\:bg-surface-muted:hover,html.dark .bg-slate-50,html.dark .bg-slate-100{background-color:var(--color-surface-muted)!important}
html.dark .bg-surface-sunken,html.dark .bg-slate-200{background-color:var(--color-surface-sunken)!important}
html.dark .mega-panel{background-color:var(--color-surface-card)!important;color:var(--color-ink-primary)!important;border-color:var(--color-line-subtle)!important}

/* Text */
html.dark .text-ink-primary,html.dark .text-slate-900,html.dark .text-slate-800,html.dark .text-slate-700{color:var(--color-ink-primary)!important}
html.dark .text-ink-secondary{color:var(--color-ink-secondary)!important}
html.dark .text-ink-muted,html.dark [class*="text-ink-muted/"],html.dark .text-slate-600,html.dark .text-slate-500{color:var(--color-ink-muted)!important}
html.dark .hover\:text-ink-primary:hover{color:var(--color-ink-primary)!important}
html.dark .text-line-strong{color:var(--color-line-strong)!important}

/* Lines */
html.dark .border-line-subtle,html.dark [class*="border-line-subtle/"],html.dark .border-slate-200,html.dark .border-slate-100{border-color:var(--color-line-subtle)!important}
html.dark .border-line-strong{border-color:var(--color-line-strong)!important}
html.dark .divide-line-subtle>:not([hidden])~:not([hidden]){border-color:var(--color-line-subtle)!important}

/* Brand tints */
html.dark .bg-brand-green-sf,html.dark .hover\:bg-brand-green-sf:hover,html.dark [class*="bg-brand-green-sf/"]{background-color:var(--color-brand-green-sf)!important}
html.dark .bg-brand-gold-sf,html.dark .hover\:bg-brand-gold-sf:hover,html.dark [class*="bg-brand-gold-sf/"]{background-color:var(--color-brand-gold-sf)!important}
html.dark .text-brand-green-dk{color:var(--color-brand-green-dk)!important}
html.dark .text-brand-gold-dk{color:var(--color-brand-gold-dk)!important}
html.dark .border-brand-green-sf{border-color:#1d4d30!important}
html.dark .border-brand-gold-sf{border-color:#4d3418!important}

/* Status tints */
html.dark .bg-red-50{background-color:#ef44441f!important}
html.dark .bg-red-100{background-color:#ef444424!important}
html.dark .text-red-700{color:#f87171!important}
html.dark .bg-emerald-100{background-color:#10b98124!important}
html.dark .text-emerald-700,html.dark .text-emerald-600{color:#34d399!important}
html.dark .bg-rose-100{background-color:#f43f5e24!important}
html.dark .text-rose-700{color:#fb7185!important}
html.dark .bg-amber-100{background-color:#f59e0b29!important}
html.dark .text-amber-800,html.dark .text-amber-700{color:#fbbf24!important}
html.dark .bg-blue-100{background-color:#3b82f629!important}
html.dark .text-blue-700{color:#60a5fa!important}
html.dark .text-orange-700{color:#fdba74!important}
html.dark .badge-new{background-color:#10b98124;color:#34d399}
html.dark .badge-vip{background-color:#f59e0b29;color:#fbbf24}
html.dark .badge-hot{color:#f87171;background-color:#ef444424}
html.dark .badge-free{background-color:#3b82f629;color:#60a5fa}

/* Forms: inputs need an explicit surface */
html.dark input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),html.dark select,html.dark textarea{background-color:var(--color-surface-muted);color:var(--color-ink-primary);border-color:var(--color-line-subtle)}
html.dark input::placeholder,html.dark textarea::placeholder{color:var(--color-ink-muted)}

/* Green text on the new components stays readable */
html.dark .text-brand-green{color:#4ade80!important}

/* Premium tips: brighter green kick-off times and grade labels on dark */
html.dark .ap-pt-row [style*="color:#15803d"],html.dark [style*="color:#15803d"]{color:#4ade80!important}
html.dark [style*="color:#b45309"]{color:#fbbf24!important}
html.dark [style*="color:#b91c1c"]{color:#f87171!important}