/* Design tokens. The only CSS file allowed to hold color literals.

   PALETTE PROVENANCE (sampled from real assets in brand/ and reference/).
   Method: k-means (k=5, 12 iterations, seed 7) over opaque pixels of a 256px NEAREST thumbnail of each
   file; each centroid snapped to the nearest real pixel of the full-resolution image, coordinates below.
   Files read: 3 brand logos (2000x2000; PNG IHDR colortype 6 RGBA 8-bit, and one JPEG), 6 reference
   frames (1600x900 JPEG), 1 cover (1500x500 JPEG).
     --c-bg     #0a0a0a  brand/LOGO HANDX PNG.png @ (0,0)      cluster share 95.95%
     --c-text   #fbfbfb  brand/LOGO HANDX PNG.png @ (735,595)  cluster share  4.05%  (the H glyph)
     --c-mute   #757575  reference/SAMPUL HANDX JPG.jpg.jpeg @ (1319,219)  cluster share 0.65%
   All three are exactly chroma 0. The reference JPEG frames cluster at #080806 / #f5f5f5 / #7d7d7b; their
   slight warm cast is JPEG noise (max channel spread 5) and was not adopted.
   Every other tone is color-mix of these three anchors, so no unsampled literal exists.
   The transparent logo variant has 3,821,900 pure-black transparent pixels, so any resize of it is
   premultiplied (used for the favicon). */
:root {
  --c-bg: #0a0a0a;
  --c-text: #fbfbfb;
  --c-mute: #757575;

  --c-accent: var(--c-text);
  --c-on-accent: var(--c-bg);
  --c-bg-raised: color-mix(in srgb, var(--c-text) 3%, var(--c-bg));
  --c-surface: color-mix(in srgb, var(--c-text) 6%, var(--c-bg));
  --c-surface-hi: color-mix(in srgb, var(--c-text) 11%, var(--c-bg));
  --c-line: color-mix(in srgb, var(--c-text) 13%, var(--c-bg));
  --c-line-hi: color-mix(in srgb, var(--c-text) 22%, var(--c-bg));
  --c-text-2: color-mix(in srgb, var(--c-text) 68%, var(--c-bg));
  --c-text-3: color-mix(in srgb, var(--c-text) 55%, var(--c-bg));
  --c-glow: color-mix(in srgb, var(--c-text) 14%, transparent);
  --c-glow-soft: color-mix(in srgb, var(--c-text) 6%, transparent);
  --c-scrim: color-mix(in srgb, var(--c-bg) 88%, transparent);

  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --t-fast: 160ms;
  --t-med: 320ms;
  --t-slow: 640ms;

  --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
}