/* ===========================================================================
   SaleStreams — Elevation tokens
   Soft, warm-tinted shadows (neutral has a slight warm cast to match neutrals).
   Subtle by default — fintech restraint, not heavy drop shadows.
   =========================================================================== */

:root {
  --shadow-xs:  0 1px 2px rgba(24, 20, 15, 0.06);
  --shadow-sm:  0 1px 3px rgba(24, 20, 15, 0.08), 0 1px 2px rgba(24, 20, 15, 0.04);
  --shadow-md:  0 4px 12px rgba(24, 20, 15, 0.08), 0 2px 4px rgba(24, 20, 15, 0.04);
  --shadow-lg:  0 12px 28px rgba(24, 20, 15, 0.12), 0 4px 8px rgba(24, 20, 15, 0.06);
  --shadow-xl:  0 24px 48px rgba(24, 20, 15, 0.16), 0 8px 16px rgba(24, 20, 15, 0.08);

  /* Brand-tinted glow for primary CTAs / focus emphasis */
  --shadow-brand: 0 6px 18px rgba(240, 83, 46, 0.28);

  /* Inset for sunken inputs / wells */
  --shadow-inset: inset 0 1px 2px rgba(24, 20, 15, 0.06);

  /* Focus ring (composable) */
  --ring-brand: 0 0 0 3px rgba(240, 83, 46, 0.28);
  --ring-danger: 0 0 0 3px rgba(209, 31, 43, 0.24);
}