/*
  Colour tokens. This is the only file that holds colour literals.
  Provenance: every value is the exact RGB of a real pixel, picked by k-means
  (k=6, 60000-pixel sample, centroid snapped to the nearest real pixel) or by
  hue-band median snapped to a real pixel. The "src" tag names file and x,y.
  Reference banner files: reference/BUILD 1.jpg.jpeg (1600x900).
  Logo files: brand/LOGO BUILD PNG.png (2000x2000).
*/
:root {
  /* src: brand/LOGO BUILD PNG.png @ 0,0 (k-means, cluster share 0.91) */
  --color-void: #000000;
  /* src: brand/LOGO BUILD PNG.png @ 705,548 (k-means, cluster share 0.085) */
  --color-ink: #fcfcfc;
  /* src: reference/BUILD 1.jpg.jpeg @ 1167,7 (k-means, cluster share 0.63) */
  --color-bg: #030409;
  /* src: reference/BUILD 1.jpg.jpeg @ 1498,221 (k-means, cluster share 0.14) */
  --color-navy: #14143a;
  /* src: reference/BUILD 1.jpg.jpeg @ 1316,159 (k-means, cluster share 0.115) */
  --color-ink-soft: #eeecfa;
  /* src: reference/BUILD 1.jpg.jpeg @ 1048,567 (k-means, cluster share 0.058) */
  --color-violet-deep: #433183;
  /* src: reference/BUILD 1.jpg.jpeg @ 1104,404 (k-means, cluster share 0.036) */
  --color-lilac: #a06bd7;
  /* src: reference/BUILD 1.jpg.jpeg @ 1456,755 (k-means, cluster share 0.016) */
  --color-cyan: #2eb3dc;
  /* src: reference/BUILD 1.jpg.jpeg @ 1063,820 (hue band 0.72-0.78, median snapped) */
  --color-violet: #8532d8;
  /* src: reference/BUILD 1.jpg.jpeg @ 931,524 (hue band 0.40-0.50, median snapped) */
  --color-mint: #0bebe0;
  /* src: reference/BUILD 1.jpg.jpeg @ 949,766 (hue band 0.82-0.92, median snapped) */
  --color-magenta: #f63bfa;
}

:root {
  /* surfaces, mixed from the sampled values above */
  --bg: var(--color-bg);
  --panel: color-mix(in srgb, var(--color-navy) 34%, var(--color-bg));
  --panel-2: color-mix(in srgb, var(--color-navy) 58%, var(--color-bg));
  --hover: color-mix(in srgb, var(--color-violet-deep) 34%, var(--color-bg));
  --line: color-mix(in srgb, var(--color-lilac) 20%, var(--color-bg));
  --line-strong: color-mix(in srgb, var(--color-lilac) 38%, var(--color-bg));
  --fg: var(--color-ink);
  --fg-muted: color-mix(in srgb, var(--color-ink-soft) 76%, var(--color-bg));
  --fg-faint: color-mix(in srgb, var(--color-ink-soft) 62%, var(--color-bg));
  --brand: var(--color-mint);
  --accent: var(--color-lilac);
  --up: var(--color-mint);
  --down: var(--color-magenta);
  --shadow-color: color-mix(in srgb, var(--color-void) 70%, transparent);

  /* geometry measured on the reference at 1024 and 390 wide */
  --topbar-h: 45px;
  --rail-w: 68px;
  --head-h: 32px;
  --row-h: 45px;
  --chip-h: 32px;
  --radius: 2px;
  --radius-card: 14px;
  --dock-h: 62px;
  --dock-gap: 10px;
  --tap: 44px;

  /* motion measured on the reference */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-spring: cubic-bezier(0.16, 1, 0.3, 1);
  --t-hover: 0.12s;
  --t-ctl: 0.15s;
  --t-rise: 0.45s;
  --t-row: 0.3s;
  --t-flash: 1.1s;
  --t-shimmer: 1.6s;
  --t-pulse: 1.6s;

  --font-sans: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}