/* The only file in the console permitted to contain a colour literal.
   Everything else uses var(--*). Shared verbatim with planning/*.html so the
   docs and the running console read as one system. */
:root{
  --bg:#f4f5f7;--panel:#fff;--border:#e3e5e9;--text:#1a1d23;--muted:#6b7280;
  --accent:#4f46e5;--accent-soft:#eef2ff;--accent-border:#c7d2fe;
  --green:#059669;--green-soft:#ecfdf5;--amber:#d97706;--amber-soft:#fffbeb;
  --red:#dc2626;--red-soft:#fef2f2;--gray-soft:#f3f4f6;--blue:#2563eb;--blue-soft:#eff6ff;
  --purple:#7c3aed;--purple-soft:#f5f3ff;
  --mono:ui-monospace,'Cascadia Code','Consolas',monospace;
  --radius:8px;--shadow:0 1px 3px rgba(0,0,0,.07);

  /* edge families — one colour per family, used by relationship chips and,
     later, the graph. Kept here so the two can never drift apart. */
  --fam-classification:var(--purple);
  --fam-composition:var(--blue);
  --fam-association:var(--accent);
  --fam-packaging:var(--green);
  --fam-other:var(--muted);
}