/* Palette tokens. This is the only file in the project allowed to hold colour literals.
   Provenance: every value is a real pixel, not an invented hex.
   Logo set: k-means (k=8, seed 1, 60000 opaque px sampled) over brand/LOGO DRIVE PNG...png (RGBA, 2000x2000, colourtype 6),
   each centroid snapped to the nearest real pixel; coordinates are (x,y) in that file.
   Scene set: k-means (k=10, seed 2) plus direct picks on reference/DRIVE 1.jpg.jpeg (1600x900), coordinates (x,y) in that file.
   The same table lives in src/palette.json and gates re-read the PNG coordinates. */
:root{
  /* logo */
  --cream:#c9baa6;      --cream-rgb:201 186 166;   /* logo (1290,631) body shell, 34.6% */
  --cream-hi:#eadece;   --cream-hi-rgb:234 222 206;/* logo (1081,747) body highlight */
  --shell:#26202f;      --shell-rgb:38 32 47;      /* logo (1385,656) outline, 23.8% */
  --slate:#3a3741;      --slate-rgb:58 55 65;      /* logo (1139,798) screen plate */
  --taupe:#9f8c80;      --taupe-rgb:159 140 128;   /* logo (1387,756) shell shadow */
  --green:#15c653;      --green-rgb:21 198 83;     /* logo (949,1062) capsule */
  --white:#f5f4f4;      --white-rgb:245 244 244;   /* logo (987,946) capsule highlight */
  /* scene */
  --ink:#020204;        --ink-rgb:2 2 4;           /* scene (5,450) page background, dominant */
  --green-hi:#19f55f;   --green-hi-rgb:25 245 95;  /* scene (64,313) headline glow green */
  --teal:#25d38b;       --teal-rgb:37 211 139;     /* scene (1395,420) */
  --gold:#f0c954;       --gold-rgb:240 201 84;     /* scene (1199,720) */
  --red:#e92a31;        --red-rgb:233 42 49;       /* scene (1079,527) cap */

  /* roles (derived from the samples above, never new literals) */
  --paper:var(--cream-hi);
  --dim:var(--taupe);
  --mute:color-mix(in srgb,var(--taupe) 55%,var(--ink));
  --hot:var(--green-hi);
  --ok:var(--teal);
  --warn:var(--gold);
  --bad:var(--red);
  --panel:color-mix(in srgb,var(--shell) 34%,var(--ink));
  --panel2:color-mix(in srgb,var(--shell) 55%,var(--ink));
  --line:rgb(var(--cream-hi-rgb) / .12);
  --line2:rgb(var(--cream-hi-rgb) / .22);
  --glow:rgb(var(--green-hi-rgb) / .22);
}
