/* tokens.css — the ONLY file in this project that holds colour literals.
   PALETTE PROVENANCE
   - black 0,0,0 and white 255,255,255: dominant pixels of brand/LOGO RHYTHM PNG.png (opaque, 3,687,707 px #000000 / 290,172 px #ffffff)
     and of brand/LOGO RHYTHM PNG...png (white mark; its transparent region is pure-black RGB, alpha 0 — resized premultiplied in the build).
     Every grey in the UI is white at a stated alpha over black, the way the logo's anti-aliased edge ramps #111..#eee.
   - green 0,168,104: dominant saturated bucket in reference/SAMPUL RHYTHM JPG.jpg.jpeg (price-up candles, status dot), 8-level quantised sample #00a868.
   - red 232,56,56: dominant red bucket in the same banner (price-down candles / sell rows), quantised sample #e83838.
   - mint 0,255,204: stated in the project brief for the own-token pulse (#00ffcc); it is the single accent.
   Motion values mirror the study of the reference stylesheet: springs .34,1.56,.64,1 / ease .2,0,0,1 / ease-out .22,1,.36,1,
   durations .12 / .15 / .18 / .22 / .26 / .28s, 8s sweep, 1.4s skeleton, 1.6s pulse, radii 5 6 8 10 12 999. */
:root {
  --black: 0, 0, 0;
  --white: 255, 255, 255;
  --green: 0, 168, 104;
  --red: 232, 56, 56;
  --accent-rgb: 0, 255, 204;
  --color-accent: rgb(var(--accent-rgb));

  --bg: var(--black);
  --text: var(--white);
  --line: var(--white);
  --a-surface: .018;
  --a-stroke: .075;
  --a-stroke-hi: .16;
  --a-text-2: .66;
  --a-text-3: .44;

  --fx: 11px; --fs: 12.5px; --fm: 13.5px; --fl: 16px; --fxl: 20px;
  --h1: 34px; --h1-lg: 52px;
  --r-xs: 5px; --r-sm: 6px; --r-md: 8px; --r-lg: 10px; --r-xl: 12px; --r-pill: 999px;
  --sp-1: 4px; --sp-2: 6px; --sp-3: 8px; --sp-4: 10px; --sp-5: 12px; --sp-6: 16px; --sp-7: 24px; --sp-8: 40px;
  --side: 248px; --head: 60px; --ca-h: 64px; --tap: 44px;

  --spring: cubic-bezier(.34, 1.56, .64, 1);
  --ease: cubic-bezier(.2, 0, 0, 1);
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --t-fast: .12s; --t-base: .15s; --t-mid: .22s; --t-pop: .28s;

  --sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  color-scheme: dark;
}