/* Depth is real but shallow: tight, low-alpha, cool-tinted shadows. Cards get
   sm; anything that floats gets lg. Result values get a halo — the light-theme
   stand-in for a glow. */
:root {
  --shadow-xs: 0 1px 2px rgba(20, 21, 26, 0.04);
  --shadow-sm: 0 1px 3px rgba(20, 21, 26, 0.06), 0 1px 2px rgba(20, 21, 26, 0.04);
  --shadow-md: 0 4px 16px rgba(20, 21, 26, 0.07);
  --shadow-lg: 0 14px 36px rgba(20, 21, 26, 0.11);
  --shadow-band: 0 18px 44px rgba(14, 111, 89, 0.18);

  --halo-win: 0 0 0 1px rgba(34, 211, 167, 0.3), 0 2px 12px rgba(34, 211, 167, 0.28);
  --halo-loss: 0 0 0 1px rgba(242, 86, 75, 0.26), 0 2px 12px rgba(242, 86, 75, 0.22);
  --ring-focus: 0 0 0 3px rgba(34, 211, 167, 0.35);

  --scrim: rgba(20, 21, 26, 0.46);
}