/*
  Ovxa design tokens. The only file in the project allowed to hold colour literals.
  Palette provenance: k-means (k=8, seeded) over every opaque pixel of the brand and reference images,
  each centroid snapped to the nearest real pixel. The pixel coordinate is recorded after each value
  as "@ <file> x,y" and verified by the gates against the source file.
*/
:root {
  /* surfaces, darkest to lightest */
  --bg:        #060910; /* @ brand/LOGO OVXA PNG.png 0,0 */
  --bg-deep:   #071d36; /* @ reference/OVXA 1.jpg.jpeg 1020,668 */
  --navy:      #294567; /* @ reference/OVXA 1.jpg.jpeg 1436,736 */
  --slate:     #2e3e55; /* @ brand/LOGO OVXA PNG...png 1281,1035 */
  --steel-dk:  #4c5f71; /* @ brand/LOGO OVXA PNG...png 978,522 */
  --steel:     #6a7d91; /* @ brand/LOGO OVXA PNG...png 942,1302 */
  --steel-lt:  #abbbcc; /* @ brand/LOGO OVXA PNG...png 891,573 */
  --face-mid:  #c7dae8; /* @ brand/LOGO OVXA PNG...png 651,747 */
  --ice:       #d9e7f3; /* @ reference/OVXA 1.jpg.jpeg 1388,488 */
  --face-hi:   #e8f0f7; /* @ brand/LOGO OVXA PNG...png 1071,486 */
  /* accents */
  --blue:      #5d84b3; /* @ reference/OVXA 1.jpg.jpeg 1408,720 */
  --neon:      #1866c7; /* @ reference/OVXA 1.jpg.jpeg 672,782 */
  --haze:      #80a2b9; /* @ brand/LOGO OVXA PNG...png 924,1461 */

  /* semantic roles (no literals below this line) */
  --ink: var(--face-hi);
  --ink-2: var(--steel-lt);
  --ink-3: var(--steel);
  --line: var(--slate);
  --line-2: var(--navy);
  --panel: var(--bg-deep);
  --accent: var(--blue);
  --glow: var(--neon);
  --up: var(--face-hi);
  --down: var(--steel);

  --sans: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  /* motion, measured off the reference: 480ms wipe on a 22px cell grid, 0.2s fades, 1.2s steps(2) blink, 40px/s tape */
  --t-fast: 0.2s;
  --t-med: 0.48s;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --cell: 22px;
  --tape-speed: 40;

  --ca-h: 76px;
  --side-w: 236px;
  --side-w-mini: 72px;
  --wrap: 1180px;
}