/* Design tokens — the single source of colour/size. Components reference these, never raw values.
   Dark by default (intimate, low-light, phone-first). */
:root {
  --bg: #0b0d10;
  --panel: #14181d;
  --panel-2: #1b2129;
  --ink: #e8edf2;
  --muted: #8b97a3;
  --accent: #3ad1c8;          /* fill / active */
  --accent-dim: #1d6f6a;
  --limit: #262b31;           /* greyed host-limit region (beyond what the owner allows) */
  --danger: #ff4d4f;
  --danger-ink: #ffffff;
  --ok: #46d17a;
  --warn: #e0a13a;

  --track-w: 68px;
  --handle-d: 44px;           /* handle diameter — a large one-handed touch target */
  --radius: 16px;
  --gap: 16px;
  --estop-h: 88px;
  --font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}