/*
 * Ridgevalley dark mode: true black, neutral greys.
 * Light mode is untouched; every rule here is scoped to html.dark.
 * The Tailwind dark:*-slate-* overrides below are generated from the
 * classes the templates actually use.
 */
html.dark {
    color-scheme: dark;
    --rv-black: #000000;
    --rv-surface-1: #0f0f0f;
    --rv-surface-2: #1a1a1a;
    --rv-line: #262626;
}

html.dark body { background-color: #000000 !important; color: #f5f5f5; }

/* Plain Tailwind greys that were written without a dark variant */
html.dark .bg-slate-900:not([class*="dark:bg-"]),
html.dark .bg-slate-800:not([class*="dark:bg-"]) { background-color: #0f0f0f !important; }
html.dark .border-slate-200:not([class*="dark:border-"]),
html.dark .border-slate-100:not([class*="dark:border-"]),
html.dark .border-slate-300:not([class*="dark:border-"]) { border-color: #262626 !important; }
html.dark .divide-slate-200:not([class*="dark:divide-"]) > :not([hidden]) ~ :not([hidden]),
html.dark .divide-slate-100:not([class*="dark:divide-"]) > :not([hidden]) ~ :not([hidden]) { border-color: #1f1f1f !important; }
html.dark .text-slate-800:not([class*="dark:text-"]),
html.dark .text-slate-900:not([class*="dark:text-"]),
html.dark .text-slate-700:not([class*="dark:text-"]) { color: #f5f5f5 !important; }
html.dark .text-slate-600:not([class*="dark:text-"]) { color: #d4d4d4 !important; }
html.dark .text-slate-500:not([class*="dark:text-"]) { color: #a3a3a3 !important; }
html.dark .bg-slate-100:not([class*="dark:bg-"]) { background-color: #1a1a1a !important; }
html.dark .hover\:bg-slate-100:hover:not([class*="dark:hover:bg-"]),
html.dark .hover\:bg-slate-200:hover:not([class*="dark:hover:bg-"]),
html.dark .hover\:bg-slate-50:hover:not([class*="dark:hover:bg-"]) { background-color: #1a1a1a !important; }

/* Inline-styled panels and text written for a light page */
html.dark [style*="background:#fff;"], html.dark [style*="background: #fff;"],
html.dark [style*="background:white"], html.dark [style*="background: white"],
html.dark [style*="background:#ffffff"], html.dark [style*="background-color:#fff"] { background: #0f0f0f !important; }
html.dark [style*="background:#f8fafc"], html.dark [style*="background:#f1f5f9"],
html.dark [style*="background:#f1f5fb"] { background: #1a1a1a !important; }
html.dark [style*="border:1px solid #e2e8f0"], html.dark [style*="border:1.5px solid #e2e8f0"],
html.dark [style*="border-bottom:1px solid #e2e8f0"], html.dark [style*="border-top:1px solid #e2e8f0"] { border-color: #262626 !important; }
html.dark [style*="color:#0f172a"], html.dark [style*="color:#1e293b"], html.dark [style*="color:#334155"] { color: #f5f5f5 !important; }
html.dark [style*="color:#475569"], html.dark [style*="color:#64748b"] { color: #a3a3a3 !important; }

/* Blue tint panels become neutral in black mode; the blue text stays as the accent */
html.dark .dark\:bg-blue-900\/20, html.dark .dark\:bg-blue-900\/30,
html.dark .dark\:bg-indigo-900\/20, html.dark .dark\:bg-indigo-900\/30 { background-color: #141414 !important; }
html.dark .dark\:border-blue-800, html.dark .dark\:border-blue-700,
html.dark .dark\:hover\:border-blue-800:hover { border-color: #2e2e2e !important; }

/* Form controls */
html.dark input, html.dark select, html.dark textarea { color-scheme: dark; }

/* Scrollbars */
html.dark * { scrollbar-color: #333333 transparent; }
html.dark ::-webkit-scrollbar-thumb { background: #333333; }
html.dark ::-webkit-scrollbar-thumb:hover { background: #4a4a4a; }

/* Generated from the templates' dark:*-slate-* classes */
html.dark .dark\:bg-slate-600 { background-color: #262626 !important; }
html.dark .dark\:bg-slate-700 { background-color: #1a1a1a !important; }
html.dark .dark\:bg-slate-700\/50 { background-color: rgba(26,26,26,0.5) !important; }
html.dark .dark\:bg-slate-800 { background-color: #0f0f0f !important; }
html.dark .dark\:bg-slate-800\/40 { background-color: rgba(15,15,15,0.4) !important; }
html.dark .dark\:bg-slate-800\/50 { background-color: rgba(15,15,15,0.5) !important; }
html.dark .dark\:bg-slate-900 { background-color: #000000 !important; }
html.dark .dark\:bg-slate-900\/90 { background-color: rgba(0,0,0,0.9) !important; }
html.dark .dark\:bg-slate-950 { background-color: #000000 !important; }
html.dark .dark\:border-slate-500 { border-color: #3d3d3d !important; }
html.dark .dark\:border-slate-600 { border-color: #2e2e2e !important; }
html.dark .dark\:border-slate-700 { border-color: #262626 !important; }
html.dark .dark\:border-slate-800 { border-color: #1a1a1a !important; }
html.dark .dark\:divide-slate-700 > :not([hidden]) ~ :not([hidden]) { border-color: #262626 !important; }
html.dark .dark\:hover\:bg-slate-600:hover { background-color: #262626 !important; }
html.dark .dark\:hover\:bg-slate-700:hover { background-color: #1a1a1a !important; }
html.dark .dark\:hover\:bg-slate-700\/40:hover { background-color: rgba(26,26,26,0.4) !important; }
html.dark .dark\:hover\:bg-slate-700\/50:hover { background-color: rgba(26,26,26,0.5) !important; }
html.dark .dark\:hover\:bg-slate-800:hover { background-color: #0f0f0f !important; }
html.dark .dark\:hover\:bg-slate-800\/50:hover { background-color: rgba(15,15,15,0.5) !important; }
html.dark .dark\:hover\:text-slate-200:hover { color: #e5e5e5 !important; }
html.dark .dark\:hover\:text-slate-300:hover { color: #d4d4d4 !important; }
html.dark .dark\:text-slate-100 { color: #f5f5f5 !important; }
html.dark .dark\:text-slate-200 { color: #e5e5e5 !important; }
html.dark .dark\:text-slate-300 { color: #d4d4d4 !important; }
html.dark .dark\:text-slate-400 { color: #a3a3a3 !important; }
html.dark .dark\:text-slate-500 { color: #8a8a8a !important; }