:root{
  /* Shadows are cool-tinted (neutral-900 at low alpha), never pure black,
     and always paired with a hairline border on light surfaces. */
  --shadow-none:none;
  --shadow-xs:0 1px 2px rgba(22,28,36,.05);
  --shadow-sm:0 1px 3px rgba(22,28,36,.07),0 1px 2px rgba(22,28,36,.04);
  --shadow-md:0 4px 8px -2px rgba(22,28,36,.09),0 2px 4px -2px rgba(22,28,36,.05);
  --shadow-lg:0 12px 20px -6px rgba(22,28,36,.12),0 4px 8px -4px rgba(22,28,36,.06);
  --shadow-xl:0 24px 40px -12px rgba(22,28,36,.18),0 8px 16px -8px rgba(22,28,36,.08);

  --elevation-card:var(--shadow-xs);
  --elevation-card-hover:var(--shadow-md);
  --elevation-menu:var(--shadow-lg);
  --elevation-dialog:var(--shadow-xl);
  --elevation-toast:var(--shadow-lg);
  --elevation-sticky:var(--shadow-sm);

  --blur-scrim:blur(8px); /* @kind other */
}