/* ── Legacy-alias bridge ─────────────────────────────────────────────────── Hub-convergence dark-safety layer (NovaHerald / Reach, business-red skin). The logged-in /app pages were authored against a bespoke palette of legacy variables (--bg / --fg / --text / --muted / --border / --bg-elevated / --brand …) plus inline `var(--bg, #fff)` light-only fallbacks. theme.css only ever defined those legacy names for the LIGHT theme — so when a page is served dark (the new logged-in default), every legacy reference fell through to its light-colored fallback and rendered light-on-light (unreadable). This file RE-POINTS each legacy alias onto the canonical --lf-* token so the existing inline-styled content inherits the theme safely in BOTH light and dark. Load it AFTER leadfuel-design-tokens.css (which defines --lf-*) and AFTER theme.css (so this wins for the aliases). No markup changes required. Mirrors the bridge shipped in hub-ds/base.html for the same reason. */ :root, html[data-theme="light"], html[data-theme="dark"] { /* surfaces */ --bg: var(--lf-bg); --bg-elevated: var(--lf-surface); --bg-subtle: var(--lf-bg-soft); --bg-soft: var(--lf-bg-soft); /* ink + text hierarchy */ --fg: var(--lf-ink); --text: var(--lf-ink); --text-muted: var(--lf-muted); --text-faint: var(--lf-muted-soft); --muted: var(--lf-muted); /* lines + borders */ --border: var(--lf-border); --border-strong: var(--lf-border); /* brand */ --brand: var(--lf-accent); --brand-hover: var(--lf-accent-hover); --shadow: var(--lf-shadow); } /* The old floating bottom-right toggle (#lf-theme-toggle, injected by theme.js) is superseded by the inline toggle that now lives in the .lf-nav. Hide the floater so we don't ship two theme switches on one page. The nav button reuses the same id, but it is a