/* TOKENS — the only file allowed to hold colour literals (standing rule 4).
   Palette SAMPLED from brand/ and reference/ by scripts/sample.mjs — do not edit by hand, re-run `npm run sample`.
   Method: k-means (k=8, k-means++ seeded init, 25 iterations, RGB, stride 3, black-dominant pixels down-weighted 20x),
   each centroid snapped to the nearest REAL pixel. Provenance (file, x, y) is recorded per token and verified by gates.
   Pool: 9 images, 325118 opaque pixels. Values are raw 8-bit RGB as stored; no colour profile was applied. */
/* sampled: --bg = #020202  file="brand/LOGO QRIS JPG.jpg.jpeg"  x=633  y=633 */
/* sampled: --card = #0e0e0e  file="brand/LOGO QRIS JPG.jpg.jpeg"  x=819  y=609 */
/* sampled: --muted = #9b9b9b  file="brand/LOGO QRIS JPG.jpg.jpeg"  x=1191  y=864 */
/* sampled: --fg = #f9f9fa  file="brand/LOGO QRIS PNG.png"  x=1305  y=612 */
/* sampled: --slate = #d6dbe5  file="brand/LOGO QRIS JPG.jpg.jpeg"  x=708  y=663 */
:root {
  color-scheme: dark;

  --bg: #020202;
  --card: #0e0e0e;
  --muted: #9b9b9b;
  --fg: #f9f9fa;
  --slate: #d6dbe5;
  --term: var(--bg);
  --term-fg: var(--slate);

  --fg-04: color-mix(in srgb, var(--fg) 4%, transparent);
  --fg-05: color-mix(in srgb, var(--fg) 5%, transparent);
  --fg-08: color-mix(in srgb, var(--fg) 8%, transparent);
  --fg-10: color-mix(in srgb, var(--fg) 10%, transparent);
  --fg-15: color-mix(in srgb, var(--fg) 15%, transparent);
  --fg-20: color-mix(in srgb, var(--fg) 20%, transparent);
  --fg-30: color-mix(in srgb, var(--fg) 30%, transparent);
  --fg-40: color-mix(in srgb, var(--fg) 40%, transparent);
  --fg-50: color-mix(in srgb, var(--fg) 50%, transparent);
  --fg-55: color-mix(in srgb, var(--fg) 55%, transparent);
  --fg-60: color-mix(in srgb, var(--fg) 60%, transparent);
  --fg-70: color-mix(in srgb, var(--fg) 70%, transparent);
  --fg-75: color-mix(in srgb, var(--fg) 75%, transparent);
  --fg-80: color-mix(in srgb, var(--fg) 80%, transparent);

  --bg-10: color-mix(in srgb, var(--bg) 10%, transparent);
  --bg-15: color-mix(in srgb, var(--bg) 15%, transparent);
  --bg-30: color-mix(in srgb, var(--bg) 30%, transparent);
  --bg-50: color-mix(in srgb, var(--bg) 50%, transparent);
  --bg-60: color-mix(in srgb, var(--bg) 60%, transparent);
  --bg-70: color-mix(in srgb, var(--bg) 70%, transparent);
  --bg-80: color-mix(in srgb, var(--bg) 80%, transparent);
  --bg-85: color-mix(in srgb, var(--bg) 85%, transparent);

  --dot: color-mix(in srgb, var(--fg) 6%, transparent);
  --dot-inv: color-mix(in srgb, var(--bg) 40%, transparent);
  --hero-a: color-mix(in srgb, var(--card) 35%, transparent);
  --hero-b: color-mix(in srgb, var(--bg) 85%, transparent);
  --sel-fg: var(--bg);
  --sel-bg: var(--fg);
}