Coupling map → Tiny Wire

[LinzLos]

How this repo couples to the Tiny Wire design system, at the UI element. Design-system-side counterpart: LinzLos/tiny-wire#6.

Vendoring: tokens only, at src/tokens/globals.css (Vite/React build). This file has diverged ~600 lines from Tiny Wire's current lib/globals.css.

Downstream (consumes Tiny Wire) — by UI element

• Shell / header / panels — --shadow-card, --font-heading, --space-* (App.css:4-77)
• Cards / tags / section headings — --surface, --radius-md, --danger-light (App.css:176-216)
• Status bar + status chips — --brand/--warning/--danger via color-mix (App.css:220-303)
• Inputs / selects / buttons — --border, --radius-sm, --text-inverse (App.css:360-566)
• Dials grid / formula box / changes table — --surface-subtle, --text-3xl (App.css:799-1127)
• NavRail / Sidenav — --surface-muted, --size-nav-item (NavRail.css, Sidenav.tsx)

Drift debt (reconcile against current Tiny Wire)

• Uses --brand (green) for success — Tiny Wire reserves a dedicated --success family
• Missing a11y tokens --ring / --ring-offset / --text-disabled (focus + disabled states inferred)
• Dropped the elevation tier (--elevation-*) — shadows hardcoded, can't swap globally
• Z-index hardcoded (App.css:89 z-index:200) — no --z-* scale
• Truncated scales — no --space-32+, --text-4xl+ (large-display layout risk)

Upstream direction (patterns that may belong in the design system): #2.