/**
* Ink & Ledger - the shared Campus design system.
* Spec + principles: docs/Design-System-Ink-and-Ledger.md (ask for it by name)
*
* WHY THIS FILE EXISTS
* Two pages (Academics Dashboard, Admission Form Templates) independently arrived
* at the same visual language. Rather than let a third page copy-paste it again,
* the shared parts live here: change a token here and every page that links this
* file updates.
*
* THE RULES (violate these and the system stops working)
* 1. Ground before cards. A white card on a white body is invisible - every page
* needs .il-workbench (or a paper background) behind its panels.
* 2. ONE interactive accent. --il-accent means "an action or the active state"
* and nothing else. Never a heading, a group name, a count, or decoration.
* 3. Colour is semantic. Green approved/valid, amber in-progress/advisory,
* red blocking, grey locked. Never colour for emphasis alone.
* 4. One state, one control. Never render two verdicts about the same fact.
* Prefer folding state into the control it concerns; absence is a signal.
* 5. Chrome hides until needed. Row tools live behind .il-tools + .il-hover.
* 6. No webfonts. Identity comes from role discipline, not new families.
*
* HOW TO USE
*
* then add only genuinely page-specific rules in the page's own