/*
  PALETTE RULE — every literal below has a provenance comment. Do not add a hex value
  anywhere else in this codebase; import these custom properties instead.

  Sources analyzed (see scripts/palette_report.txt for the full run):
    A. brand/LOGO WINRATE PNG...png  — PNG colortype 6 (truecolor+alpha), 2000x2000,
       94.0% transparent / 5.8% opaque / 0.3% partial-alpha. Partial-alpha pixels checked
       for a premultiplied-black halo: only 6% of edge pixels are near-black, so no
       premultiplied resize was needed. k-means (k=5, 30k-pixel sample, seed=42) on the
       5.8% visible pixels, each centroid then snapped to the nearest REAL pixel:
         #0054fa  13.7%  @ real pixel (570,718)
         #0076fa  20.3%  @ real pixel (856,737)
         #0192fa  23.3%  @ real pixel (948,813)
         #01a9fa  26.9%  @ real pixel (1059,811)
         #01c3fb  15.7%  @ real pixel (1371,757)
       These five form one continuous blue -> cyan diagonal gradient across the mark.
    B. reference/SAMPUL WINRATE JPG.jpg.jpeg — baseline JPEG, 1500x500, no alpha (format
       cannot carry one). k-means (k=5) on all pixels, centroids snapped to real pixels:
         #000614  86.1%  @ (301,0)   -> page background
         #011435  8.2%   @ (154,5)   -> panel / surface background
         #09adf4  2.6%   @ (462,296) -> accent cyan (matches cluster A's #01a9fa family)
         #f4f4f6  2.4%   @ (655,171) -> primary text (off-white, not pure #fff)
         #356b83  0.8%   @ (890,274) -> muted slate (dividers / secondary text)
*/

:root {
  /* backgrounds — source B */
  --wr-bg: #000614;
  --wr-surface: #011435;
  --wr-surface-2: #01203f; /* interpolated: midpoint of --wr-surface and gradient blue #0054fa, for raised cards */

  /* brand gradient — source A, ordered light->dark as it reads left to right on the mark */
  --wr-blue-700: #0054fa;
  --wr-blue-500: #0076fa;
  --wr-blue-400: #0192fa;
  --wr-cyan-400: #01a9fa;
  --wr-cyan-300: #01c3fb;

  /* accent alias used across UI — source B, cross-validated against source A's cyan-400 */
  --wr-accent: #09adf4;

  /* text — source B */
  --wr-text: #f4f4f6;
  --wr-muted: #356b83;

  /* derived, not sampled: transparency ramps of the tokens above only */
  --wr-border: rgba(53, 107, 131, 0.35);   /* --wr-muted at 35% */
  --wr-border-strong: rgba(9, 173, 244, 0.4); /* --wr-accent at 40% */
  --wr-surface-glass: rgba(1, 20, 53, 0.6);   /* --wr-surface at 60% */
  --wr-shadow: rgba(0, 6, 20, 0.55);          /* --wr-bg at 55% */

  /* status colors (not brand-sampled — plain semantic red/green kept minimal and desaturated
     to sit next to the sampled palette without introducing a new hue family) */
  --wr-up: #2fd480;
  --wr-down: #ff5d6c;

  --wr-radius-sm: 8px;
  --wr-radius-md: 14px;
  --wr-radius-lg: 20px;
  --wr-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;
}