/* Mostly flat color. Elevation is used for true layering only:
   dropdowns, dialogs, sticky bars. Cards prefer a 1px border. */
:root{
  --shadow-none:none;
  --shadow-xs:0 1px 2px rgba(4,32,68,.06);
  --shadow-sm:0 1px 3px rgba(4,32,68,.08),0 1px 2px rgba(4,32,68,.04);
  --shadow-md:0 4px 12px rgba(4,32,68,.10);
  --shadow-lg:0 12px 32px rgba(4,32,68,.14);
  --shadow-focus:0 0 0 3px rgba(80,195,199,.45);
  --overlay-scrim:rgba(2,19,42,.55); /* @kind other */
  --blur-scrim:blur(2px); /* @kind other */
}