/*
  Every colour literal in the project lives in this file. Nothing here is invented:
  each value is a real pixel read from the supplied artwork.

  Provenance (k-means over RGB, centres snapped to the nearest real pixel, x,y in source px):
    brand/LOGO CREDOX PNG.png, k=4
      --green  #01f289  share 0.869  @(0,0)       tile field
      --ink    #011409  share 0.129  @(986,515)   mark body
    reference/CREDOX 1.jpg.jpeg, k=5
      --bg     #020d09  share 0.747  @(107,0)     page ground
      --deep   #083924  share 0.138  @(1232,0)    glow body
      --mint   #54e693  share 0.052  @(652,360)   headline green
      --teal   #2d7d64  share 0.047  @(1078,288)  mid green
    reference/SAMPUL CREDOX JPG.jpg.jpeg, k=4
      --fg     #f7f7f7  share 0.086  @(1434,18)   wordmark white
      --slate  #364a48  share 0.029  @(970,372)   hairline grey-green
      --mute   #979390  share 0.017  @(1197,139)  secondary text
    Down colour: strongest red pixel in the banner UI, #da5d41 @(961,400).

  Derived tokens below use color-mix only; they add no new literals.
*/
:root {
  --green: #01f289;
  --ink: #011409;
  --bg: #020d09;
  --deep: #083924;
  --mint: #54e693;
  --teal: #2d7d64;
  --fg: #f7f7f7;
  --slate: #364a48;
  --mute: #979390;
  --down: #da5d41;

  --card: color-mix(in srgb, var(--bg) 80%, var(--deep));
  --raise: color-mix(in srgb, var(--bg) 62%, var(--deep));
  --line: color-mix(in srgb, var(--bg) 55%, var(--slate));
  --line-2: var(--slate);
  --dim: color-mix(in srgb, var(--mute) 55%, var(--bg));
  --on-green: var(--ink);
  --up: var(--green);
  --veil: color-mix(in srgb, var(--bg) 82%, transparent);
  --glow: color-mix(in srgb, var(--green) 22%, transparent);
  --glow-soft: color-mix(in srgb, var(--green) 9%, transparent);
  --glow-teal: color-mix(in srgb, var(--teal) 34%, transparent);
  --flash-up: color-mix(in srgb, var(--green) 26%, transparent);
  --flash-down: color-mix(in srgb, var(--down) 26%, transparent);
  --skel-a: color-mix(in srgb, var(--raise) 100%, transparent);
  --skel-b: color-mix(in srgb, var(--slate) 55%, var(--raise));
}