/* Design tokens. The only file allowed to hold color literals.
   Palette PROVENANCE: k-means (k=6, seed 0) over opaque pixels of the real brand assets, each
   centroid snapped to the nearest real pixel; coordinates are (x,y) in the source image.
   Sources: L = brand/LOGO STABLED PNG.png (2000x2000, RGBA colortype 6, fully opaque)
            C = reference/SAMPUL STABLED JPG.jpg.jpeg (1500x500, RGB)
   bg        #090c0d  L (1232,20)   dominant background, 45.5% of pixels
   deep      #040506  L (1832,0)    darkest cluster, 32.7%
   surface   #101417  L (1002,0)    third background cluster, 14.2%
   text      #e6e8ea  L (955,583)   logo mark highlight
   text-2    #ced0d2  L (979,632)   logo mark body
   line-strong #5c6064 L (1083,1025) logo mark edge / grid lines
   text-3    #a9abaa  C (996,157)   cover secondary type
   line      #313234  C (1454,145)  cover hairline
   Every value below is read from a real pixel; none is hand-picked. */
:root {
  color-scheme: dark;

  --bg: #090c0d;
  --surface: #101417;
  --line: #313234;
  --line-strong: #5c6064;
  --text: #e6e8ea;
  --text-2: #ced0d2;
  --text-3: #a9abaa;
  --inverse: #040506;

  --tap: 48px;
  --rail: 64px;
  --radius: 14px;
  --radius-sm: 10px;

  --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, "Liberation Mono", monospace;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 180ms;
  --dur: 320ms;
  --dur-slow: 700ms;
}