/* tokens_contrast.css — #523: the app's ONE departure from Per's mockup tokens (ADR 0037; Gandalf
   notes it in the ADR). Loaded right after tokens_mockup.css, which stays a byte-for-byte copy.
   The mockup's light-theme text colours below fail WCAG AA on the mockup's own backgrounds
   (teal stat 2.79:1 on --tint, grey labels 3.06:1 on white). Each is the same hue and saturation,
   darkened only until it reaches 4.5:1 on every light background it sits on (--surface, --bg,
   --tint, --neutral-bg, --ok-bg; --muted also --hl). 4.5:1, not 3:1, for the stat too: the tile value shrinks to 12px
   in a narrow tile, and 600 is not "bold" for WCAG's large-text rule. tests/test_contrast_523.py checks every
   ratio. #555 (dark mode, ADR 0037 D7): the dark block below is the same rule for Per's dark theme — one token,
   same hue, LIGHTENED only until it reaches 4.5:1 on every dark background (tests/test_dark_mode_555.py). */
:root{
  --stat:#007E6D;        /* mockup #00A690: tile values                    */
  --muted-2:#607280;     /* mockup #8496A3: eyebrows, footers, nav groups  */
  --sky:#08789D;         /* mockup #0A9CCC: "watch" tile values            */
  --neutral-tx:#637178;  /* mockup #6B7A82: neutral chips                  */
  --link:#08789D;       /* mockup #0A9CCC: links in text (#455a); = --sky */
  --muted:#58666F;       /* mockup #5C6B75: metadata; #528: 4.41 → 4.74:1 on --hl (ROM header sub) */
}
body.theme-dark{
  --muted-2:#86969E;     /* mockup #7F9099: eyebrows, footers, nav groups on the dark tiles (4.19 → 4.53:1) */
}