:root{
  /* Shadows are cool-tinted (blue-black), never neutral grey */
  --shadow-none:none;
  --shadow-xs:0 1px 2px rgba(0,51,89,.08);
  --shadow-sm:0 2px 6px rgba(0,51,89,.10);
  --shadow-md:0 6px 16px rgba(0,51,89,.12);
  --shadow-lg:0 16px 40px rgba(0,51,89,.16);
  --shadow-inset:inset 0 1px 0 rgba(255,255,255,.6);
  --shadow-focus:0 0 0 3px rgba(51,102,204,.45);

  /* Protection gradient — for logo/copy over photography */
  --protection-scrim-top:linear-gradient(180deg,rgba(0,34,59,.72) 0%,rgba(0,34,59,0) 62%); /* @kind other */
  --protection-scrim-bottom:linear-gradient(0deg,rgba(0,34,59,.78) 0%,rgba(0,34,59,0) 62%); /* @kind other */
  --protection-tab:var(--pnp-white); /* @kind other */ /* the white tab/line the manual mandates on dark imagery */

  --overlay-blur:saturate(1.1) blur(14px); /* @kind other */
  --overlay-tint:rgba(255,255,255,.82); /* @kind other */
}