/* Shadows are navy-tinted, never neutral black. Low and wide.
   --shadow-header and --shadow-button-inset are the live site's exact values. */
:root{
  --shadow-xs:0 1px 2px rgba(15,33,64,.06);
  --shadow-sm:0 1px 3px rgba(15,33,64,.08),0 1px 2px rgba(15,33,64,.04);
  --shadow-md:0 4px 12px rgba(15,33,64,.08),0 1px 3px rgba(15,33,64,.06);
  --shadow-lg:0 12px 32px rgba(15,33,64,.12),0 2px 6px rgba(15,33,64,.06);
  --shadow-xl:0 24px 64px rgba(15,33,64,.16),0 4px 10px rgba(15,33,64,.06);
  --shadow-header:0 5px 10px 0 rgba(50,50,50,.06);
  --shadow-button-inset:inset 0 -1px 0 0 rgba(0,0,0,.1);
  --focus-ring:0 0 0 3px rgba(37,68,120,.28);

  /* Photography treatment: every full-bleed image carries a scrim so white
     type stays legible. Evolved from the site's flat rgba(0,0,0,.3). */
  --scrim-photo:linear-gradient(180deg,rgba(10,21,38,.62) 0%,rgba(10,21,38,.38) 45%,rgba(10,21,38,.72) 100%); /* @kind color */
  --scrim-flat:rgba(10,21,38,.5);
  --scrim-protect-bottom:linear-gradient(180deg,rgba(10,21,38,0) 0%,rgba(10,21,38,.78) 100%); /* @kind color */
}