:root{
/* Shadows are print-shy: the brand's default container has a hairline,
   not a shadow. Reach for elevation only when something genuinely
   floats above the page (menu, modal, sticky bar). */
--shadow-none:none;
--shadow-hairline:0 0 0 1px var(--border-hairline);
--shadow-raised:0 1px 2px rgba(32,44,49,.06);
--shadow-card:0 1px 2px rgba(32,44,49,.05),0 8px 20px -12px rgba(32,44,49,.14);
--shadow-menu:0 2px 4px rgba(32,44,49,.06),0 14px 32px -10px rgba(32,44,49,.2);
--shadow-modal:0 24px 64px -16px rgba(32,44,49,.34);
--shadow-focus:0 0 0 3px rgba(216,118,63,.28);
--shadow-inset-top:inset 0 1px 0 rgba(255,255,255,.5);

/* Protection gradient — used only over photography, never over flat colour. */
--scrim-ink:linear-gradient(to top,rgba(32,44,49,.88) 0%,rgba(32,44,49,.55) 42%,rgba(32,44,49,0) 100%);/* @kind other */
--scrim-ink-soft:linear-gradient(to top,rgba(32,44,49,.7) 0%,rgba(32,44,49,0) 70%);/* @kind other */
}