/*
  Palette provenance. Every literal is a real pixel, found by k-means (k=5) over non-black
  pixels of the named asset and snapped to the nearest actual pixel coordinate.
  Asset IHDR: brand/LOGO LONGFUN PNG...png is colortype 6 (RGBA) with 3706509 pure-black alpha-0 pixels.
  Asset coordinates are x,y in the original files.
    logo mark   (brand/LOGO LONGFUN PNG...png)   0141db@1483,1049  0158ea@1259,716  0170f8@1354,748  0390fd@883,769  19bcfd@644,810
    banner slide (reference/LONGFUN 1.jpg.jpeg)  052e8a@374,868    011645@430,110    edf1f4@512,397
    cover banner (reference/SAMPUL LONGFUN)      48a1f5@994,314    101c36@526,53
    flat logo (brand/LOGO LONGFUN PNG.png)       000000@0,0
  This is the only file allowed to hold colour literals.
*/
:root {
  --px-black: #000000;
  --px-navy-950: #011645;
  --px-navy-900: #101c36;
  --px-blue-800: #052e8a;
  --px-blue-700: #0141db;
  --px-blue-600: #0158ea;
  --px-blue-500: #0170f8;
  --px-blue-400: #0390fd;
  --px-cyan-300: #19bcfd;
  --px-sky-300: #48a1f5;
  --px-ink: #edf1f4;

  --bg: var(--px-black);
  --surface: color-mix(in srgb, var(--px-navy-900) 78%, var(--px-black));
  --surface-2: var(--px-navy-900);
  --well: color-mix(in srgb, var(--px-navy-950) 55%, var(--px-black));
  --line: color-mix(in srgb, var(--px-sky-300) 16%, transparent);
  --line-strong: color-mix(in srgb, var(--px-sky-300) 34%, transparent);
  --ink: var(--px-ink);
  --mid: color-mix(in srgb, var(--px-ink) 72%, var(--px-navy-900));
  --dim: color-mix(in srgb, var(--px-ink) 46%, var(--px-navy-900));
  --acc: var(--px-blue-400);
  --acc-2: var(--px-cyan-300);
  --acc-deep: var(--px-blue-700);
  --color-mint: var(--px-cyan-300);
  --up: var(--px-cyan-300);
  --down: var(--px-ink);
  --glass: color-mix(in srgb, var(--px-black) 72%, transparent);
  --glow: color-mix(in srgb, var(--px-blue-500) 55%, transparent);
  --scrim: color-mix(in srgb, var(--px-black) 55%, transparent);
}