/* dzidzi looks: colours as page-wide tokens. Two modes (dark is the default, set in the markup; light), the brand colour (rose) with its lamp,
   and the care plan's own colour (sky) with its lamp. The engine reads these at every change, so canvases, text
   and buttons move together. Rose and sky were chosen by Giorgi on 2 October: a pink sun and a blue moon. */
:root {
  --paper: #F4F1EA; --ink: #171512;
  /* ---- the brand: rose */
  --accent: #F79DB2; --btn-ink: #171512;              /* the accent, and the text colour on it */
  --lamp-hot: #FFF0F2; --lamp-mid: #F58FA8; --lamp-edge: #D2456B;
  /* ---- the care plan: sky, moonlight blue */
  --care: #AFC6FF; --care-ink: #171512;
  --lamp2-hot: #F3F6FF; --lamp2-mid: #A9C1FF; --lamp2-edge: #5877DA;
  /* ---- the page by day: shell, a warm pinkish ground a step darker than white, so the lamp's heart and the
     halation have something to be brighter than. Chosen by Giorgi on 3 October. */
  --day: #EDE2DE;
  --bg: var(--day); --fg: var(--ink);
  --muted: rgba(23, 21, 18, .76);
  --soft: color-mix(in srgb, var(--ink) 56%, var(--day));     /* the second tone of a two-tone heading */
  --line: #5F4741; --line-a: .58;            /* rosewood: ink pulled toward the rose */
  --dot: var(--ink);
  --spark: var(--lamp-edge);   /* small accent marks: on paper the deeper end of the lamp, so they are seen */
  --light-mode: 0;
  --grain: 0;                  /* the canvas's own still grain; the page's film grain replaces it */
  --film: 0; --film-fps: 12;    /* film grain over the whole page: strength (0 is off; it was .036), and frames a second */
  --label: #6C524B;
  --glass: color-mix(in srgb, var(--day) 78%, transparent);
  --focus: #1D4691;
  --danger: #A3301C;
  color-scheme: light;
}
:root[data-mode="dark"] {
  --bg: var(--ink); --fg: var(--paper);
  --muted: rgba(244, 241, 234, .78);
  --soft: color-mix(in srgb, var(--paper) 62%, var(--ink));
  --line: #F1E6CF; --line-a: .34;
  --dot: var(--paper);
  --spark: var(--accent);
  --light-mode: 1;
  --film: 0;                   /* off; it was .028 */
  --label: rgba(244, 241, 234, .72);
  --glass: rgba(23, 21, 18, .72);
  --focus: #B8D2FF;
  --danger: #FF9D87;
  color-scheme: dark;
}