/* Shadows are navy-tinted, low-contrast and rare. Structure comes from hairlines
   and whitespace first; elevation is reserved for things that genuinely float. */
:root{
  --shadow-none:none;
  --shadow-xs:0 1px 2px rgba(9,28,42,.05);
  --shadow-sm:0 1px 3px rgba(9,28,42,.06),0 1px 2px rgba(9,28,42,.04);
  --shadow-md:0 6px 18px rgba(9,28,42,.07),0 1px 3px rgba(9,28,42,.05);
  --shadow-lg:0 18px 44px rgba(9,28,42,.11),0 2px 6px rgba(9,28,42,.05);
  --shadow-modal:0 32px 80px rgba(6,19,29,.30);
  --shadow-header:0 1px 0 rgba(9,28,42,.10);

  /* Inset used for pressed inputs and active toggles */
  --shadow-inset:inset 0 1px 2px rgba(9,28,42,.10);

  --ring-focus:0 0 0 2px var(--surface-page),0 0 0 4px var(--focus-ring);
  --ring-focus-dark:0 0 0 2px var(--navy-900),0 0 0 4px var(--maroon-300);

  /* Blur is used only for the condensed sticky header over content */
  --blur-header:saturate(140%) blur(12px); /* @kind other */
  --scrim-header:rgba(251,250,249,.86);
  --scrim-header-dark:rgba(6,19,29,.78);
}