/* Restrained elevation: hairline border first, shadow second. Never both loud. */
:root{
  --shadow-xs:0 1px 2px rgba(18,20,26,.06);
  --shadow-sm:0 1px 3px rgba(18,20,26,.07),0 1px 2px rgba(18,20,26,.04);
  --shadow-md:0 6px 20px -6px rgba(18,20,26,.12),0 2px 6px rgba(18,20,26,.05);
  --shadow-lg:0 24px 60px -20px rgba(18,20,26,.20),0 4px 12px rgba(18,20,26,.06);
  --shadow-accent:0 12px 30px -14px rgba(27,107,255,.55);
  --shadow-inset-hairline:inset 0 0 0 1px var(--border-hairline);
  --ring-focus:0 0 0 3px var(--focus-ring);
  --blur-veil:saturate(140%) blur(14px); /* @kind other */
}