/*
  The only file allowed to hold colour literals.
  Provenance: k-means (k=7, 25 iterations, seed 7) over opaque pixels of
  brand/LOGO BUFFER PNG.png (every 10th pixel) and the opaque logo pixels of
  brand/LOGO BUFFER PNG...png (every 5th pixel). Each centroid was snapped to the
  nearest real pixel; the coordinate is given as file(x,y). Ink is the darkest pixel
  in the title text of reference/BUFFER 1.jpg.jpeg.
  The transparent cutout holds pure-black RGB under alpha 0 (3.58M px), so every
  resize of it was done on premultiplied values (see favicon and logo files).
*/
:root {
  --peach:  #f9c7a1; /* PNG.png (360,510)     21.8% */
  --lilac:  #bf91e9; /* PNG.png (1890,920)    21.0% */
  --orchid: #d992de; /* PNG.png (1430,700)    18.6% */
  --rose:   #f6a7b9; /* cutout (735,1265)     18.5% */
  --silver: #b09ca9; /* PNG.png (820,1010)    11.3% */
  --sky:    #a0b6dd; /* cutout (955,640)       5.5% */
  --pale:   #dde3dd; /* cutout (805,935)       3.2% */
  --ink:    #000000; /* BUFFER 1 slide (120,334) */

  --bg: var(--rose);
  --page: linear-gradient(135deg, var(--peach) 0%, var(--rose) 38%, var(--orchid) 70%, var(--lilac) 100%);
  --surface: color-mix(in srgb, var(--pale) 55%, transparent);
  --surface-2: color-mix(in srgb, var(--pale) 82%, transparent);
  --bar: color-mix(in srgb, var(--pale) 78%, transparent);
  --line: color-mix(in srgb, var(--ink) 22%, transparent);
  --ink-2: color-mix(in srgb, var(--ink) 82%, transparent);
  --ink-3: color-mix(in srgb, var(--ink) 66%, transparent);
  --flash: var(--ink);
  --skel-a: color-mix(in srgb, var(--ink) 6%, transparent);
  --skel-b: color-mix(in srgb, var(--ink) 16%, transparent);
  --shadow: color-mix(in srgb, var(--pale) 90%, transparent);
}