/* Elevation — cool-neutral, low-spread. Cards rest on a 1px border; shadow appears on hover. */
:root{
  --shadow-none:none;
  --shadow-xs:0 1px 2px rgba(27,27,27,.06);
  --shadow-sm:0 1px 3px rgba(27,27,27,.07),0 1px 2px rgba(27,27,27,.04);
  --shadow-md:0 4px 14px rgba(27,27,27,.09),0 1px 3px rgba(27,27,27,.05);
  --shadow-lg:0 14px 32px rgba(27,27,27,.13),0 3px 8px rgba(27,27,27,.06);
  --shadow-xl:0 28px 64px rgba(27,27,27,.18),0 6px 14px rgba(27,27,27,.08);
  --shadow-inset-hairline:inset 0 0 0 1px rgba(27,27,27,.06);
  --shadow-focus:0 0 0 3px rgba(0,152,160,.30);
  --shadow-focus-accent:0 0 0 3px rgba(238,10,10,.24);
  --shadow-card:var(--shadow-sm);
  --shadow-card-hover:var(--shadow-lg);
  --shadow-panel:var(--shadow-md);
  --shadow-modal:var(--shadow-xl);
  --shadow-sticky-header:0 1px 0 rgba(27,27,27,.08);

  --blur-glass:12px; /* @kind other */
  --blur-scrim:2px; /* @kind other */
}