/* Dark mode overrides for InResRisk landing pages */
/* Activated by body.dark class, toggled via irr-dark.js */

/* ── Base elements ────────────────────────────────────────── */
body.dark { background: #0c0a09; color: #f5f5f4; }
body.dark nav { background: #1c1917; border-color: #292524; }
body.dark nav .brand { color: #f97316; }
body.dark nav a { color: #a8a29e; }
body.dark nav a:hover, body.dark nav a.active { color: #f97316; }
body.dark h1, body.dark h2, body.dark h3 { color: #f5f5f4; }
body.dark p { color: #a8a29e; }
body.dark .lead { color: #a8a29e; }
body.dark hr { border-color: #292524; }
body.dark sup { color: #f97316; }
body.dark strong { color: #f5f5f4; }
body.dark em { color: #d6d3d1; }
body.dark footer { border-color: #292524; color: #57534e; }
body.dark footer a { color: #57534e; }
body.dark footer a:hover { color: #f97316; }

/* ── Toggle button ────────────────────────────────────────── */
body.dark .dark-toggle { background: #1c1917; border-color: #292524; color: #a8a29e; }
body.dark .dark-toggle .toggle-dot { background: #f97316; box-shadow: 0 0 6px #f97316; }

/* ── CTA button ───────────────────────────────────────────── */
body.dark .cta { background: #f97316; color: #0c0a09; }
body.dark .cta:hover { background: #fb923c; }

/* ── Calculator widgets ───────────────────────────────────── */
body.dark .calc-widget,
body.dark .calc-panel,
body.dark .check-widget { background: #1c1917; border-color: #292524; }
body.dark .calc-label,
body.dark .check-label { color: #f5f5f4; }
body.dark .calc-hint,
body.dark .check-hint,
body.dark .calc-unit,
body.dark .check-unit { color: #a8a29e; }
body.dark .calc-input-row input[type="number"],
body.dark .check-input-row input[type="number"],
body.dark .calc-field input { background: #0c0a09; border-color: #292524; color: #f97316; }
body.dark .calc-input-row input[type="number"]:focus,
body.dark .check-input-row input[type="number"]:focus,
body.dark .calc-field input:focus { border-color: #f97316; }
body.dark .calc-input-row input[type="range"] { accent-color: #f97316; }
body.dark .calc-field label { color: #a8a29e; }

/* ── Quick-check widget (healthy-whtr page) ───────────────── */
body.dark .quick-check { background: rgba(249,115,22,0.06); border-color: #292524; }
body.dark .quick-check-title { color: #f5f5f4; }
body.dark .quick-check-row label { color: #a8a29e; }
body.dark .quick-check-row input[type="number"] { background: #0c0a09; border-color: #292524; color: #f97316; }
body.dark .quick-check-row input[type="number"]:focus { border-color: #f97316; }
body.dark .quick-check-result { color: #f5f5f4; }
body.dark .quick-check-result strong { color: #f97316; }
body.dark .unit-toggle { border-color: #292524; }
body.dark .unit-btn { background: #1c1917; color: #a8a29e; }
body.dark .unit-btn.active { background: #f97316; color: #0c0a09; }

/* ── Sex toggle buttons ───────────────────────────────────── */
body.dark .sex-toggle { border-color: #292524; }
body.dark .sex-btn { background: #1c1917; color: #a8a29e; border-color: #292524; }
body.dark .sex-btn.active { background: #f97316; color: #0c0a09; border-color: #f97316; }
body.dark .sex-btn:not(.active):hover { background: #0c0a09; }

/* ── Stat cards ───────────────────────────────────────────── */
body.dark .stat { background: #1c1917; border-color: #292524; }
body.dark .stat-primary { background: rgba(249,115,22,0.08); border-color: #f97316; }
body.dark .stat-value { color: #f97316; }
body.dark .stat-label { color: #a8a29e; }

/* ── Risk badges ──────────────────────────────────────────── */
body.dark .badge-low, body.dark .badge-green { background: rgba(52,211,153,0.12); color: #34d399; }
body.dark .badge-very-low, body.dark .badge-neutral { background: #1c1917; color: #a8a29e; }
body.dark .badge-elevated, body.dark .badge-amber { background: rgba(251,191,36,0.08); color: #fbbf24; }
body.dark .badge-high, body.dark .badge-red { background: rgba(248,113,113,0.08); color: #f87171; }
body.dark .risk-badge { color: inherit; }
body.dark .cutoff-note { color: #a8a29e; }

/* ── Result badges (vs-bmi page) ──────────────────────────── */
body.dark .result-badge { color: inherit; }

/* ── Gauge bar ────────────────────────────────────────────── */
body.dark .gauge-pointer { background: #f5f5f4; }
body.dark .gauge-labels { color: #a8a29e; }

/* ── Output cards (healthy-waist-size page) ────────────────── */
body.dark .output-card { background: #1c1917; border-color: #292524; }
body.dark .output-card-green { background: rgba(52,211,153,0.06); border-color: #34d399; }
body.dark .output-card-amber { background: rgba(251,191,36,0.06); border-color: #fbbf24; }
body.dark .output-card-red { background: rgba(248,113,113,0.06); border-color: #f87171; }
body.dark .output-value-green { color: #34d399; }
body.dark .output-value-amber { color: #fbbf24; }
body.dark .output-value-red { color: #f87171; }
body.dark .output-sub { color: #a8a29e; }
body.dark .output-label { color: #a8a29e; }

/* ── Zone bar (healthy-waist-size page) ────────────────────── */
body.dark .zone-bar-labels { color: #a8a29e; }

/* ── Result panels (is-my-waist-too-large page) ────────────── */
body.dark .result-panel-green { background: rgba(52,211,153,0.06); border-color: #34d399; }
body.dark .result-panel-amber { background: rgba(251,191,36,0.06); border-color: #fbbf24; }
body.dark .result-panel-red { background: rgba(248,113,113,0.06); border-color: #f87171; }
body.dark .result-headline-green { color: #34d399; }
body.dark .result-headline-amber { color: #fbbf24; }
body.dark .result-headline-red { color: #f87171; }
body.dark .result-detail { color: #a8a29e; }
body.dark .result-whtr-green { color: #34d399; }
body.dark .result-whtr-amber { color: #fbbf24; }
body.dark .result-whtr-red { color: #f87171; }
body.dark .result-ceiling { color: #a8a29e; }
body.dark .result-cta { color: #34d399; }

/* ── Tables (all variants) ────────────────────────────────── */
body.dark .threshold-table th,
body.dark .height-table th,
body.dark .chart-table th,
body.dark .compare-table th,
body.dark .comparison-table th,
body.dark .ref-table th,
body.dark .waist-table th { background: #1c1917; color: #a8a29e; border-color: #292524; }

body.dark .threshold-table td,
body.dark .height-table td,
body.dark .chart-table td,
body.dark .compare-table td,
body.dark .comparison-table td,
body.dark .ref-table td,
body.dark .waist-table td { border-color: #292524; color: #a8a29e; }

body.dark .chart-table td:first-child,
body.dark .height-table td:first-child,
body.dark .compare-table td:first-child,
body.dark .comparison-table td:first-child { color: #f5f5f4; }

body.dark .row-low, body.dark .cell-green { background: rgba(52,211,153,0.08); }
body.dark .cell-low, body.dark .cell-green { color: #34d399; }
body.dark .row-elevated, body.dark .cell-amber { background: rgba(251,191,36,0.06); }
body.dark .cell-elevated, body.dark .cell-amber { color: #fbbf24; }
body.dark .row-high, body.dark .cell-red { background: rgba(248,113,113,0.06); }
body.dark .cell-high, body.dark .cell-red { color: #f87171; }
body.dark .row-neutral { background: #1c1917; color: #a8a29e; }
body.dark .table-caption { color: #a8a29e; }

body.dark .td-mono { color: #f5f5f4; }
body.dark .td-muted { color: #a8a29e; }
body.dark .td-green { color: #34d399; }
body.dark .td-amber { color: #fbbf24; }
body.dark .td-red { color: #f87171; }
body.dark .status-healthy { color: #34d399; }
body.dark .status-elevated { color: #fbbf24; }
body.dark .status-high { color: #f87171; }
body.dark .cell-yes { color: #34d399; }
body.dark .cell-no { color: #f87171; }

body.dark .height-table td:nth-child(2) { color: #34d399; }
body.dark .height-table td:nth-child(3) { color: #a8a29e; }
body.dark .height-table tbody tr:hover,
body.dark .ref-table tbody tr:hover { background: rgba(249,115,22,0.04); }

/* ── Comparison cards (vs-bmi page) ───────────────────────── */
body.dark .calc-wrap { background: #1c1917; border-color: #292524; }
body.dark .result-card { background: #0c0a09; border-color: #292524; }
body.dark .result-label { color: #a8a29e; }
body.dark .result-value { color: #f5f5f4; }
body.dark .verdict { background: #1c1917; border-color: #292524; color: #a8a29e; }
body.dark .verdict strong { color: #f5f5f4; }

/* ── Zone list (chart page) ───────────────────────────────── */
body.dark .zone-list li { color: #a8a29e; }

/* ── Steps list (is-my-waist page) ────────────────────────── */
body.dark .steps li { color: #a8a29e; }
body.dark .steps li::before { background: #f97316; color: #0c0a09; }

/* ── FAQ ──────────────────────────────────────────────────── */
body.dark .faq-item { border-color: #292524; }
body.dark .faq-q { color: #f5f5f4; }
body.dark .faq-a { color: #a8a29e; }

/* ── Related links ────────────────────────────────────────── */
body.dark .related-link { background: #1c1917; border-color: #292524; color: #a8a29e; }
body.dark .related-link:hover { border-color: #f97316; color: #f97316; }

/* ── Table of contents ─────────────────────────────────────── */
body.dark .toc { background: #1c1917; border-color: #292524; }
body.dark .toc-title { color: #a8a29e; }
body.dark .toc-list a { color: #f97316; }

/* ── Mid-page CTA ─────────────────────────────────────────── */
body.dark .mid-cta { background: #1c1917; border-color: #292524; }
body.dark .mid-cta-text { color: #a8a29e; }
body.dark .mid-cta-text strong { color: #f5f5f4; }

/* ── Height-waist visual chart ─────────────────────────────── */
body.dark .hw-label { color: #f5f5f4; }
body.dark .hw-ceiling { color: #34d399; }
body.dark .hw-legend { color: #a8a29e; }

/* ── Zone chart (visual) ──────────────────────────────────── */
body.dark .zone-tick-label { color: #f5f5f4; }
body.dark .zone-tick-line { background: #57534e; }
body.dark .zone-labels span { color: #a8a29e; }
body.dark .zone-chart-caption { color: #57534e; }

/* ── Two-person example (vs-bmi page) ─────────────────────── */
body.dark .example-card-danger { background: rgba(248,113,113,0.04); border-color: #7f1d1d; }
body.dark .example-card-safe { background: rgba(52,211,153,0.04); border-color: #064e3b; }
body.dark .example-title-danger { color: #f87171; }
body.dark .example-title-safe { color: #34d399; }
body.dark .example-metric-label { color: #a8a29e; }
body.dark .example-metric-value { color: #f5f5f4; }
body.dark .example-badge-green { background: rgba(52,211,153,0.12); color: #34d399; }
body.dark .example-badge-amber { background: rgba(251,191,36,0.08); color: #fbbf24; }
body.dark .example-badge-red { background: rgba(248,113,113,0.08); color: #f87171; }
body.dark .example-verdict { color: #a8a29e; }
body.dark .example-card-danger .example-verdict { border-color: #450a0a; }
body.dark .example-card-safe .example-verdict { border-color: #052e16; }
body.dark .example-caption { color: #a8a29e; }
body.dark .example-caption strong { color: #f5f5f4; }

/* ── Formula block (what-is-bri page) ─────────────────────── */
body.dark .formula-block, body.dark pre, body.dark code {
  background: #1c1917; border-color: #292524; color: #f5f5f4;
}

/* ── Worked example ───────────────────────────────────────── */
body.dark .worked { background: #1c1917; border-color: #292524; }
body.dark .worked-step { color: #a8a29e; }
body.dark .worked-step code { background: #0c0a09; border-color: #292524; color: #f5f5f4; }
body.dark .worked-result { color: #f97316; border-color: #292524; }

/* ── Person example cards ─────────────────────────────────── */
body.dark .ex-card { border-color: #292524; }
body.dark .ex-card-normal { border-left-color: #34d399; }
body.dark .ex-card-elevated { border-left-color: #fbbf24; }
body.dark .ex-name { color: #f5f5f4; }
body.dark .ex-row-label { color: #a8a29e; }
body.dark .ex-row-val { color: #f5f5f4; }
body.dark .ex-bri { border-color: #292524; }
body.dark .ex-bri-normal { color: #34d399; }
body.dark .ex-bri-elevated { color: #fbbf24; }
body.dark .ex-badge-normal { background: rgba(52,211,153,0.12); color: #34d399; }
body.dark .ex-badge-elevated { background: rgba(251,191,36,0.08); color: #fbbf24; }

/* ── BRI visual chart ─────────────────────────────────────── */
body.dark .bri-waist-label { color: #f5f5f4; }
body.dark .bri-bar-wrap { background: #1c1917; }
body.dark .bri-chart-legend { color: #a8a29e; }

/* ── Embed panel (calculator pages) ──────────────────────── */
body.dark .embed-panel { background: #1c1917; border-color: #292524; }
body.dark .embed-snippet { background: #000000; border: 1px solid #292524; color: #e7e5e4; }
body.dark .embed-copy-btn { background: #f97316; color: #0c0a09; }
body.dark .embed-copy-btn:hover { background: #fb923c; }

/* ── Gallery page (embed.html) ────────────────────────────── */
body.dark .how { background: rgba(249,115,22,.08); border-color: #292524; }
body.dark .how p { color: #fb923c; }
body.dark .how code { background: rgba(249,115,22,.15); color: #f97316; }
body.dark .wcard { border-color: #292524; }
body.dark .wcard-name { color: #f5f5f4; }
body.dark .wcard-ctl { background: #1c1917; border-color: #292524; }
body.dark .wcard-preview { background: #1c1917; border-color: #292524; }
body.dark .wcard-snippet { border-color: #292524; }
body.dark .sex-btn { background: #0c0a09; border-color: #292524; color: #a8a29e; }
body.dark .sex-btn.active { background: #f97316; color: #0c0a09; border-color: #f97316; }
body.dark .sex-btn:not(.active):hover { background: #1c1917; }
body.dark .faq-q { color: #f5f5f4; }
body.dark .faq-item { border-color: #292524; }
body.dark .faq-a code { background: #1c1917; color: #f97316; }
body.dark .compat-item { color: #f5f5f4; }