/*
  TOKENS — the only file in the project allowed to hold colour literals.
  Provenance: k-means (k=8, 25 iterations) over opaque pixels of
  brand/LOGO PRIVATEDESK PNG...png, each centroid snapped to the nearest real
  pixel; extra role colours sampled directly at the stated pixel coordinates.
  Format: hex  asset  (x,y)

  #0d1011  logo PNG...png   (700,704)   screen black
  #68ef78  logo PNG...png   (1060,838)  phosphor green, wordmark on screen
  #efe7db  logo PNG...png   (1346,590)  case highlight
  #d6cbbd  logo PNG...png   (718,552)   case mid tone
  #7e7771  logo PNG...png   (1148,1318) case shadow
  #c42b29  logo PNG...png   (1373,1290) key red
  #900f0b  logo PNG...png   (1375,1308) key red, shaded face
  #f4e6db  logo PNG.png     (0,0)       logo plate background
  #e9e0cd  reference PRIVATEDESK 1 (20,300)   deck paper
  #3d3c36  reference PRIVATEDESK 1 (90,40)    deck wordmark ink
  #878173  reference PRIVATEDESK 1 (90,462)   deck body grey
  #3b8345  reference PRIVATEDESK 1 (1563,866) deck active green

  Every other shade in the stylesheet is a color-mix() of these tokens.
*/
:root {
  --paper: #e9e0cd;
  --plate: #f4e6db;
  --case-hi: #efe7db;
  --case-mid: #d6cbbd;
  --case-shadow: #7e7771;
  --ink: #3d3c36;
  --grey: #878173;
  --screen: #0d1011;
  --phos: #68ef78;
  --green: #3b8345;
  --red: #c42b29;
  --red-deep: #900f0b;

  --bg: var(--paper);
  --card: var(--case-hi);
  --line: var(--case-mid);
  --text: var(--ink);
  --text-2: color-mix(in srgb, var(--ink) 76%, var(--paper));
  --text-3: color-mix(in srgb, var(--ink) 62%, var(--paper));
  --panel: var(--screen);
  --on-panel: var(--case-hi);
  --on-panel-2: color-mix(in srgb, var(--case-hi) 70%, var(--screen));
  --on-panel-3: color-mix(in srgb, var(--case-hi) 55%, var(--screen));
  --up: color-mix(in srgb, var(--green) 82%, var(--ink));
  --down: var(--red-deep);
  --up-panel: var(--phos);
  --down-panel: color-mix(in srgb, var(--red) 62%, var(--case-hi));
  --accent: var(--green);
  --focus: var(--green);
}