/* ll-compat.css — v2→v5 alias bridge for pages ported onto the v5 app shell
   that KEEP their legacy component CSS (site-core.css + site-app.css + the page
   stylesheet). Those components read `--ll-*` tokens defined dark-first at :root
   in dataviz.css. The v5 shell owns the `data-theme` attribute; in LIGHT mode
   the legacy dark tokens would clash with the light chrome, so here we re-point
   the surface / text / border / accent tokens at the v5 light palette. DARK mode
   is left untouched (dataviz's values already match the dark chrome), so a ported
   page's content is pixel-identical to today in dark and merely theme-correct in
   light. Load this AFTER ll-v5.css so `var(--bg)` etc. resolve. */
[data-theme="light"] {
  --ll-bg: var(--bg);
  --ll-bg-soft: var(--card);
  --ll-bg-panel: var(--card);
  --ll-surface-1: var(--card);
  --ll-surface-elevated: var(--card-2);
  --ll-input-bg: var(--card);
  --ll-text: var(--text);
  --ll-text-muted: var(--muted);
  --ll-text-secondary: var(--muted);
  --ll-border: var(--border);
  --ll-border-subtle: var(--border);
  --ll-border-accent: color-mix(in oklab, var(--blue) 35%, transparent);
  /* Accent stays the solid Ledger blue (white-text-safe as a button fill),
     NOT the v5 glow accent --ac (--blueHi), which fails contrast under white. */
  --ll-accent: var(--blue);
  --ll-btn-on-accent: #fff;
  /* --ll-accent-rgb drives every rgba(var(--ll-accent-rgb), …) tint/glow/track
     across ported pages (404 grid, kb code blocks, loan-graph bars, focus ring).
     Left un-aliased it stayed dataviz's dark cyan 34,204,238 → cyan haze on
     white. Match --ll-accent (light --blue #2563eb). --ll-focus-ring references
     this var and re-resolves here automatically (2026-07-05 review). */
  --ll-accent-rgb: 37, 99, 235;
  /* Status palette + accent-alt: dataviz defines these dark-first (bright pastels
     that fail contrast on white). Re-point at the app.css light-theme equivalents
     so ported pages' success/warning/error/info stay legible in light mode. */
  --ll-accent-alt: #d69e2e;
  --ll-accent-alt-rgb: 214, 158, 46;
  --ll-success: #15803d;
  --ll-success-rgb: 21, 128, 61;
  --ll-warning: #c2410c;
  --ll-warning-rgb: 194, 65, 12;
  --ll-error: #b91c1c;
  --ll-error-rgb: 185, 28, 28;
  --ll-info: #1d4ed8;
  --ll-info-rgb: 29, 78, 216;
}