/* ════════════════════════════════════════════════════════════════════════════
km-ui.css — KeyMart shared design SYSTEM (single physical source of truth).
ADR docs/adr/0001-shared-frontend-design-system-no-build.md (option C).
Served by nginx `location /shared/` (one host copy at /opt/shared-frontend/),
referenced — NOT copied — by every live page:
/ index.html (the console: live market + contracts)
/wallet wallet.html
/logs logs.html
/admin admin.html (backoffice)
via .
v2 (2026-08-26): the console's design language is now THE design language.
· Layer 1 — tokens. The v2 names (--bg/--fg/--clay/…) are canonical; the
v1 names (--paper/--ink/--navy/--brass/--serif/…) are kept as ALIASES
onto the same values so admin.html and any v1-era CSS restyle without
a rewrite. --serif deliberately resolves to the UI sans: there is no
serif anywhere in the product any more.
· Layer 2 — base reset + primitives that never diverge.
· Layer 3 — km- namespaced SHARED-COMPONENT classes whose MARKUP is
rendered by exactly one function in km-kit.js (kmHeader / kmGate /
kmToast / kmCheckReset). The console renders its own topbar markup with
the SAME km- classes so the four pages share one header, pixel for pixel.
tests/test_frontend_drift.py asserts no page re-inlines a :root token block,
so this file stays the one source.
════════════════════════════════════════════════════════════════════════════ */
/* ── Typefaces: SELF-HOSTED (2026-09-02). The page used to them from
fonts.googleapis.com, which is a black hole from mainland China — and a
render-blocking stylesheet in also blocks every