:root { --jjo-paper:#f3efe4; --jjo-ink:#1d211c; --jjo-card:#f8f4ea; --jjo-green:#315e51; --jjo-on-green:#fbf8ef; --jjo-muted:#565d53; --jjo-secondary:#e8e2d4; --jjo-border:#cfc8b8; --jjo-focus:#315e51; }
html.dark { --jjo-paper:#1c211d; --jjo-ink:#eee9dc; --jjo-card:#232923; --jjo-green:#9ebcaf; --jjo-on-green:#172019; --jjo-muted:#b9b8ae; --jjo-secondary:#292f29; --jjo-border:#4b5149; --jjo-focus:#9ebcaf; color-scheme:dark; }
html body { background:var(--jjo-paper)!important; color:var(--jjo-ink)!important; overflow-wrap:anywhere; }
body [class*="bg-white"],body [class*="bg-parchment"],body [class*="bg-stone-50"],body [class*="bg-slate-50"],body [class*="bg-gray-50"] { background-color:var(--jjo-card)!important; }
body [class*="text-slate-"],body [class*="text-gray-"],body [class*="text-stone-"] { color:var(--jjo-ink)!important; }
body [class*="text-clay"],body [class*="text-amber-"],body [class*="text-orange-"],body [class*="text-teal-"],body [class*="text-emerald-"] { color:var(--jjo-green)!important; }
body [class*="bg-slate-8"],body [class*="bg-slate-9"],body [class*="bg-clay"],body [class*="bg-amber-7"],body [class*="bg-emerald-7"],body [class*="bg-teal-7"] { background-color:var(--jjo-green)!important; color:var(--jjo-on-green)!important; }
body [class*="bg-slate-8"] *,body [class*="bg-slate-9"] *,body .bg-clay *,body .bg-slate-navy * { color:inherit; }
body [class*="border-slate"],body [class*="border-gray"],body [class*="border-stone"],body [class*="border-sand"] { border-color:var(--jjo-border)!important; }
body .nav-btn.active,body .nav-item.active,body .tab-btn.active { background:var(--jjo-green)!important; color:var(--jjo-on-green)!important; border-color:var(--jjo-green)!important; }
body :is(button,a,input,[tabindex]):focus-visible { outline:2px solid var(--jjo-focus)!important; outline-offset:3px; }
body main,body section,body article { min-width:0; }
body canvas { max-width:100%; }
@media(max-width:640px) { body .overflow-x-auto { max-width:100%; } body .chart-container { width:100%; } }

body .bg-slate-navy { background:var(--jjo-green)!important; color:var(--jjo-on-green)!important; }
body [class*="text-terracotta"] { color:var(--jjo-green)!important; }
body [class*="bg-stone-100"],body [class*="bg-stone-200"],body [class*="bg-slate-100"],body [class*="bg-sand"] { background:var(--jjo-secondary)!important; }
body nav [class*="text-slate-"],body header[class*="bg-slate-"] [class*="text-slate-"] { color:var(--jjo-on-green)!important; }
body .bg-clay\/5 { background:var(--jjo-secondary)!important; color:var(--jjo-ink)!important; }

body [class*="bg-amber-50"],body [class*="bg-amber-100"],body [class*="bg-amber-200"],body [class*="bg-stone-800"],body [class*="bg-orange-50"],body [class*="bg-emerald-50"],body [class*="bg-teal-50"] { background-color:var(--jjo-secondary)!important; color:var(--jjo-ink)!important; }
body [class*="bg-amber-50"] *,body [class*="bg-amber-100"] *,body [class*="bg-amber-200"] * { color:var(--jjo-ink)!important; }