/* Restrained, financial-services elevation. Shadows are navy-tinted, never neutral black. */
:root{
  --shadow-xs:0 1px 2px rgba(15,23,42,.06);
  --shadow-sm:0 1px 3px rgba(15,23,42,.08),0 1px 2px rgba(15,23,42,.04);
  --shadow-md:0 4px 12px rgba(15,23,42,.08);
  --shadow-lg:0 12px 28px rgba(15,23,42,.10);
  --shadow-xl:0 24px 48px rgba(15,23,42,.12);
  --shadow-inset:inset 0 1px 0 rgba(255,255,255,.6);
  --overlay-scrim:rgba(15,23,42,.48); /* @kind color */
}
:root[data-theme="dark"]{
  --shadow-xs:0 1px 2px rgba(0,0,0,.40);
  --shadow-sm:0 1px 3px rgba(0,0,0,.45),0 1px 2px rgba(0,0,0,.30);
  --shadow-md:0 4px 12px rgba(0,0,0,.50);
  --shadow-lg:0 12px 28px rgba(0,0,0,.55);
  --shadow-xl:0 24px 48px rgba(0,0,0,.60);
  --shadow-inset:inset 0 1px 0 rgba(255,255,255,.06);
  --overlay-scrim:rgba(3,7,14,.66); /* @kind color */
}