/* yixxoo. Its own colours, for its product page only: the band at the head
   of the page and the step numbers. docs/SCREENS.md is the contract. Linked
   only from work/yixxoo.html.

   The screens on the page are captures of yixxoo, not drawings, and they
   exist in its dark theme only, so this file styles none of them. */

/* ---- Theme, night ----
   Read off the captures by pixel: the page ground #0A0A0A, the app's own
   ground #141413, its ink #FFFFFF, its secondary text #A0A09B, its hairline
   #353534, and the accent on its summary rule and its links, #A5B4FC. */
[data-theme="dark"] [data-system="yixxoo"] {
  --sys-bg: #0A0A0A;
  --sys-surface: #141413;
  --sys-ink: #FFFFFF;
  --sys-muted: #A0A09B;
  --sys-line: #353534;
  --sys-accent: #A5B4FC;
  --sys-on-accent: #0A0A0A;
}

/* ---- Theme, day ----
   There is no light capture. The same set turned to paper: the grey and the
   hairline held to the same hue, the accent taken down to the depth that
   keeps 4.5:1 on white. */
[data-system="yixxoo"] {
  --sys-bg: #F4F4F2;
  --sys-surface: #FFFFFF;
  --sys-ink: #141413;
  --sys-muted: #5E5E59;
  --sys-line: #DCDCD7;
  --sys-accent: #4338CA;
  --sys-on-accent: #FFFFFF;
}