:root{
/* Shadows are warm and low-contrast — paper resting on paper, not UI floating in space. */
--shadow-none:none;
--shadow-xs:0 1px 2px rgba(1,56,51,.05);
--shadow-sm:0 2px 6px rgba(1,56,51,.06);
--shadow-md:0 6px 18px rgba(1,56,51,.08);
--shadow-lg:0 14px 36px rgba(1,56,51,.10);
--shadow-xl:0 28px 64px rgba(1,56,51,.13);
--shadow-lift:0 10px 28px rgba(1,56,51,.12);
--shadow-press:0 1px 3px rgba(1,56,51,.10);

/* A sheet of paper: a hairline edge plus a soft drop. */
--paper-edge:inset 0 0 0 1px rgba(1,56,51,.06); /* @kind shadow */
--paper-sheet:inset 0 0 0 1px rgba(1,56,51,.06),0 6px 18px rgba(1,56,51,.08); /* @kind shadow */
--paper-sheet-lift:inset 0 0 0 1px rgba(1,56,51,.06),0 16px 40px rgba(1,56,51,.12); /* @kind shadow */

/* Focus is a fern halo, never a browser-blue outline.
   ONE source of truth: --focus-ring in colors.css carries the audited colour,
   and this is the only shadow built from it. Two near-identical names
   (--focus-ring / --ring-focus) previously drifted apart and the translucent
   one — the one every consumer actually used — sat at 1.54:1. Never define a
   focus ring with an alpha: a translucent halo composites against whatever is
   behind it and cannot be audited. */
--ring-focus:0 0 0 3px var(--focus-ring); /* @kind shadow */
}