/* Shadows are soft, neutral and low-contrast — charcoal at low alpha, never black.
   Colour is carried by the gradient, not by glows, except for the focus ring. */
:root{
  --sp-shadow-none:none;
  --sp-shadow-xs:0 1px 2px rgba(57,57,57,.06);
  --sp-shadow-sm:0 1px 3px rgba(57,57,57,.08),0 1px 2px rgba(57,57,57,.04);
  --sp-shadow-md:0 4px 12px rgba(57,57,57,.08),0 1px 3px rgba(57,57,57,.05);
  --sp-shadow-lg:0 12px 28px rgba(57,57,57,.10),0 2px 6px rgba(57,57,57,.05);
  --sp-shadow-xl:0 24px 56px rgba(31,31,31,.14),0 4px 10px rgba(31,31,31,.06);
  --sp-shadow-inset:inset 0 1px 0 rgba(255,255,255,.6);
  --sp-shadow-press:inset 0 2px 4px rgba(57,57,57,.12);

  --sp-border-hairline:1px;
  --sp-border-strong:2px;
  --sp-border-rule:4px; /* gradient rule thickness */

  --sp-focus-ring:0 0 0 3px rgba(219,49,147,.32);
  --sp-focus-ring-inverse:0 0 0 3px rgba(255,255,255,.55);
}