/*
  Palette provenance (the only file in the project allowed to hold colour literals).
  Source: brand/LOGO 4XIS PNG.png, 2000x2000, 8-bit RGBA (colour type 6), alpha all 255.
  Method: k-means (k=3, seed 7) over the pixel grid; each centre snapped to the nearest real pixel.
  Full record with pixel coordinates: src/assets/palette.json
    --black  #010101   field colour of the logo canvas
    --white  #fbfbfb   glyph colour of "XIS"
    --green  #6cd448   glyph colour of "4"
  Every other colour on the site is a colour-mix() of these three.
*/
:root {
  --black: #010101;
  --white: #fbfbfb;
  --green: #6cd448;

  --bg: var(--black);
  --text: color-mix(in srgb, var(--white) 73%, var(--black));
  --text-dim: color-mix(in srgb, var(--white) 46%, var(--black));
  --text-hi: var(--white);
  --line: color-mix(in srgb, var(--white) 7%, transparent);
  --line-2: color-mix(in srgb, var(--white) 12%, transparent);
  --line-3: color-mix(in srgb, var(--white) 20%, transparent);
  --panel: color-mix(in srgb, var(--white) 3%, var(--black));
  --panel-2: color-mix(in srgb, var(--white) 5%, var(--black));
  --accent: var(--green);
  --accent-dim: color-mix(in srgb, var(--green) 38%, var(--black));
  --accent-glow: color-mix(in srgb, var(--green) 12%, transparent);
  --accent-glow-2: color-mix(in srgb, var(--green) 5%, transparent);
  --accent-line: color-mix(in srgb, var(--green) 55%, transparent);

  --font-display: "Syne", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  --r-s: 6px;
  --r-m: 9px;
  --r-l: 13px;
  --r-xl: 14px;
  --tap: 44px;

  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-ui: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-pop: cubic-bezier(0.16, 1, 0.3, 1);
  --t-fast: 0.12s;
  --t-base: 0.18s;
  --t-card: 0.24s;
}