:root{
  /* On light surfaces: soft, low, neutral-green shadows */
  --shadow-xs:0 1px 2px rgba(10,12,11,.05);
  --shadow-sm:0 2px 6px rgba(10,12,11,.06);
  --shadow-md:0 8px 24px -8px rgba(10,12,11,.14);
  --shadow-lg:0 24px 60px -16px rgba(10,12,11,.20);

  /* On dark surfaces: light works as a top hairline, not a drop shadow */
  --inset-top:inset 0 1px 0 var(--white-06);
  --shadow-dark:0 20px 48px -20px rgba(0,0,0,.7);

  /* Signal glows — used only on primary CTA hover and live badges */
  --glow-ember:0 0 0 4px var(--ember-glow);
  --glow-ember-lg:0 12px 40px -8px rgba(255,90,31,.35);
}