/*
  Palette provenance. The only file in the repo allowed to hold colour literals.
  Method: k-means (k=5, every 7th pixel, seed 1) over each brand/ asset, then every
  centre snapped to the nearest real pixel and read back by coordinate.
  Gates re-read these coordinates from the PNG bytes and fail on any mismatch.

  px bg   #051313  brand/LOGO SALTIX PNG.png      2000x2000 RGBA ct6  x=0    y=0     k-means centre (5,19,19) share 0.944
  px pink #f9bab8  brand/LOGO SALTIX PNG...png    2000x2000 RGBA ct6  x=1006 y=623   k-means centre (249.4,185.6,184.5) share 0.029
  px teal #2ba591  brand/LOGO SALTIX PNG...png    2000x2000 RGBA ct6  x=1048 y=741   k-means centre (43.1,165.1,144.6) share 0.027

  Alpha histogram of the transparent PNG: 3763613 px at 0, 197788 at 255, 38599 partial.
  Transparent texels carry RGB 0,0,0, so every resize is done premultiplied.
  All other tones are color-mix() blends of these three, never new literals.
*/
:root {
  --bg: #051313;
  --pink: #f9bab8;
  --teal: #2ba591;

  --bg1: color-mix(in srgb, var(--teal) 5%, var(--bg));
  --bg2: color-mix(in srgb, var(--teal) 9%, var(--bg));
  --bg3: color-mix(in srgb, var(--teal) 14%, var(--bg));
  --line: color-mix(in srgb, var(--teal) 16%, var(--bg));
  --line2: color-mix(in srgb, var(--teal) 28%, var(--bg));
  --line3: color-mix(in srgb, var(--teal) 48%, var(--bg));

  --fg: var(--pink);
  --fg2: color-mix(in srgb, var(--pink) 82%, var(--bg));
  --fg3: color-mix(in srgb, var(--pink) 64%, var(--bg));
  --fg4: color-mix(in srgb, var(--pink) 50%, var(--bg));

  --ok: var(--teal);
  --up: var(--teal);
  --down: var(--pink);
  --scrim: color-mix(in srgb, var(--bg) 66%, transparent);
  --glow-teal: color-mix(in srgb, var(--teal) 34%, transparent);
  --glow-pink: color-mix(in srgb, var(--pink) 22%, transparent);

  --r: 6px;
  --r-sm: 4px;
  --r-lg: 12px;
  --w: 1180px;
  --gut: max(16px, 4vw);

  --ease: cubic-bezier(0.2, 0.7, 0.1, 1);
  --spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  --sans: "IBM Plex Sans", "IBM Plex Sans Fallback", -apple-system, "Segoe UI", system-ui, sans-serif;
  --mono: "IBM Plex Mono", "IBM Plex Mono Fallback", "SF Mono", ui-monospace, Menlo, Consolas, monospace;
}