/* semantic.css — the ONLY tokens a component may read. Light + dark (manager/staff surfaces).
   V4 / Part 4 rule 1: jade/amber/flag are the compliance ribbon set ONLY.
   Room lifecycle, RAG, form success/error: structure + glyph + label + --ink — no hue.
   Color is never the only channel. */
:root {
  --ink:     var(--grey-10);
  --ink-2:   var(--grey-7);
  --ink-3:   var(--grey-6);   /* measured: 4.52:1 on paper, 4.73:1 on surface (AA at any size) */
  --paper:   var(--grey-0);
  --surface: var(--white);
  --line:    var(--grey-2);
  /* Compliance border signal set — ribbon and genuine compliance states only */
  --jade:    var(--green-7);
  --amber:   var(--orange-7);
  --flag:    var(--red-7);
}
@media (prefers-color-scheme: dark) {
  :root.themed {
    --ink:     var(--grey-1);
    --ink-2:   var(--grey-4);
    --ink-3:   var(--grey-5);  /* measured: 6.02:1 / 5.46:1 on dark paper/surface */
    --paper:   var(--grey-11);
    --surface: var(--grey-9);
    --line:    var(--grey-8);
    --jade:    var(--green-3);
    --amber:   var(--orange-3);
    --flag:    var(--red-3);
  }
}