/*
  Palette provenance. The only file in the project that holds colour literals.
  Source: reference/SAMPUL D4RK JPG.jpg.jpeg (1500x500 RGB JPEG, no alpha) and
  brand/LOGO D4RK PNG.png (2000x2000 RGBA, IHDR colourtype 6).
  Method: k-means (k=6, saturated pixels, max channel above 140) on the cover,
  each centre snapped to the nearest real pixel; coordinate is x,y in source.
    cyan     04edf1  cover  (1114,62)    cluster share 33%
    green    49ed03  cover  (787,306)    cluster share 18%
    blue     077aa7  cover  (1222,193)   cluster share 17%
    magenta  c15ddb  cover  (1157,369)   cluster share 7%
  Neutrals, k-means (k=5) over opaque pixels of the logo and cover:
    ink      020403  cover  (1165,32)    background, share 89%
    bone     fcfcfc  logo   (997,409)    dot colour
    muted    7a7a7a  logo   (861,408)    anti-aliased dot edge
    quiet    353535  logo   (826,415)    deepest edge ramp
*/
:root {
  --ink: #020403;
  --bone: #fcfcfc;
  --muted: #7a7a7a;
  --quiet: #353535;
  --cyan: #04edf1;
  --green: #49ed03;
  --blue: #077aa7;
  --magenta: #c15ddb;

  --line: color-mix(in srgb, var(--bone) 9%, transparent);
  --line-hot: color-mix(in srgb, var(--bone) 22%, transparent);
  --panel: color-mix(in srgb, var(--bone) 3%, transparent);
  --dim: color-mix(in srgb, var(--bone) 62%, var(--ink));

  --pad: clamp(24px, 4.5vw, 88px);
  color-scheme: dark;
}