/*
  Margin design tokens. The only file in src/ allowed to hold colour literals.
  Provenance: k-means (k=10, n_init=4, seed 7, every 3rd pixel) over
  reference/SAMPUL MARGIN JPG, reference/MARGIN 1, reference/MARGIN 3 and
  brand/LOGO MARGIN JPG. Each centroid is snapped to the nearest real pixel;
  file and x,y of that pixel are listed. assets/palette.json holds the same data
  and scripts/gates.mjs re-reads each pixel from disk.

  bg-0    01131f  SAMPUL MARGIN JPG        x885  y0
  bg-1    00192d  MARGIN 3                 x750  y402
  bg-2    00243c  MARGIN 1                 x291  y99
  line    003252  MARGIN 1                 x1101 y411
  line-2  024770  MARGIN 1                 x1398 y810
  deep    056699  MARGIN 1                 x1125 y357
  accent  0893ca  MARGIN 1                 x1458 y690
  bright  46c4ea  MARGIN 1                 x1407 y255
  soft    8ae3f5  MARGIN 1                 x1263 y384
  ink     e3fbfb  LOGO MARGIN JPG          x999  y576
  up      05ebbc  MARGIN 1 (sol mark)      x174  y649
  down    a044ff  MARGIN 1 (sol mark)      x152  y679
*/
:root {
  --bg-0: #01131f;
  --bg-1: #00192d;
  --bg-2: #00243c;
  --line: #003252;
  --line-2: #024770;
  --deep: #056699;
  --accent: #0893ca;
  --bright: #46c4ea;
  --soft: #8ae3f5;
  --ink: #e3fbfb;
  --up: #05ebbc;
  --down: #a044ff;

  --ink-dim: color-mix(in srgb, var(--ink) 66%, var(--bg-0));
  --ink-faint: color-mix(in srgb, var(--ink) 44%, var(--bg-0));
  --glow: color-mix(in srgb, var(--bright) 38%, transparent);
  --hair: color-mix(in srgb, var(--soft) 14%, transparent);
}