/* Urfael icons: optional rules for icons pasted inline. Generated by site/icons/build.mjs; do not edit.
   Each icon carries its light palette as presentation attributes, for a white page (#ffffff), and works
   without this file. These rules only re-theme it: put the class on the svg or on any ancestor. A plain
   solid takes its paint from the svg element, a classed mark from its class. */
.u-icon { display: inline-block; flex: none; vertical-align: middle; overflow: visible; }

/* on the wash band rather than white: the solids take the band's colour */
:is(.u-icon-wash .u-icon, .u-icon.u-icon-wash), .u-icon-wash .ui-f-g { fill: #fafafa; }

/* on the night band, on screen: on paper the band is white, so the icon keeps its own light palette */
@media not print {
  :is(.u-icon-night .u-icon, .u-icon.u-icon-night) { fill: #000000; stroke: #b3b3b3; }
  .u-icon-night .ui-f-g { fill: #000000; }
  .u-icon-night .ui-s-e { stroke: #b3b3b3; }
  .u-icon-night .ui-s-m { stroke: #808080; }
  .u-icon-night .ui-s-l { stroke: #4d4d4d; }
  .u-icon-night .ui-s-a { stroke: #ffffff; }
  .u-icon-night .ui-f-e { fill: #b3b3b3; }
  .u-icon-night .ui-f-m { fill: #808080; }
  .u-icon-night .ui-f-l { fill: #4d4d4d; }
  .u-icon-night .ui-f-a { fill: #ffffff; }
  .u-icon-night .ui-f-k { fill: #1c1c1c; }
  .u-icon-night .ui-f-w { fill: #ffffff; }
  .u-icon-night .ui-f-b { fill: #6e6e6e; }
}

/* forced colours: lines and the accent in the text colour, solids in the canvas; Uru's eyes and cheeks in the canvas on its window */
@media (forced-colors: active) {
  .u-icon { fill: Canvas; stroke: CanvasText; }
  .u-icon :is(.ui-s-e, .ui-s-m, .ui-s-l, .ui-s-a) { stroke: CanvasText; }
  .u-icon .ui-f-g { fill: Canvas; }
  .u-icon :is(.ui-f-e, .ui-f-m, .ui-f-l, .ui-f-k, .ui-f-a) { fill: CanvasText; }
  .u-icon :is(.ui-f-w, .ui-f-b) { fill: Canvas; }
  .u-icon .ui-lt { stroke: CanvasText; }
  .u-icon .ui-lt-g { fill: Canvas; }
}