/*
  The only file in the site that may hold colour literals.

  Palette provenance: k-means (K=6) over opaque pixels of brand/LOGO BITCADE PNG...png
  (IHDR 2000x2000, 8-bit, colour type 6 RGBA), each centroid snapped to the nearest real
  pixel. Coordinates are source-image (x,y). Full record: src/assets/palette.json.
*/
:root {
  --ink: #020202;   /* (719,513)  18% of opaque pixels  */
  --coal: #131417;  /* (1139,618) 17% */
  --slate: #202227; /* (802,564)  25% */
  --steel: #383b41; /* (822,759)  16% */
  --ash: #91949b;   /* (1305,665)  5% */
  --paper: #ececee; /* (1261,537) 20% */

  --bg: var(--ink);
  --fg: var(--paper);
  --dim: color-mix(in srgb, var(--paper) 70%, transparent);
  --faint: color-mix(in srgb, var(--paper) 8%, transparent);
  --line: color-mix(in srgb, var(--paper) 20%, transparent);
  --line-strong: color-mix(in srgb, var(--paper) 35%, transparent);
  --glow: color-mix(in srgb, var(--paper) 14%, transparent);
  --panel: var(--coal);
  --panel-deep: var(--ink);
  --veil: color-mix(in srgb, var(--ink) 88%, transparent);

  --f-px: "Press", ui-monospace, monospace;
  --f-silk: "Silk", "Press", ui-monospace, monospace;
  --f-body: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* motion: measured off the reference (ease, reveal 900ms, stagger 80ms, marquee 40s) */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --t-reveal: 900ms;
  --t-stagger: 80ms;
  --t-fast: 150ms;

  --gutter: clamp(1rem, 3.5vw, 2.5rem);
  --max: 1180px;
  --hdr-h: 64px;
  --tap: 44px;
}
@media (max-width: 720px) {
  :root { --hdr-h: 56px; }
}