/* Shadows are used sparingly and always warm-tinted (never neutral black).
   Logos and logomarks must NEVER carry a drop shadow (brand book p.25). */
:root{
--shadow-none:none;
--shadow-hairline:0 0 0 1px var(--line-hairline);
--shadow-sm:0 1px 2px rgba(52,51,51,.05), 0 2px 6px rgba(52,51,51,.04);
--shadow-md:0 2px 4px rgba(52,51,51,.05), 0 8px 20px rgba(52,51,51,.06);
--shadow-lg:0 8px 24px rgba(52,51,51,.08), 0 24px 56px rgba(52,51,51,.09);
--shadow-photo:0 18px 48px rgba(52,51,51,.14); /* product photography lift */
--shadow-inset-hairline:inset 0 0 0 1px var(--line-hairline);
--shadow-focus:0 0 0 3px rgba(77,86,80,.28);
}