:root{
/* Shadows are neutral-grey and low-contrast: the manual forbids shadows on
   the logo, so elevation belongs to UI surfaces only. Never tint a shadow orange. */
--shadow-none:none;
--shadow-xs:0 1px 2px rgba(55,55,55,.06);
--shadow-sm:0 2px 6px rgba(55,55,55,.07);
--shadow-md:0 6px 18px rgba(55,55,55,.09);
--shadow-lg:0 16px 40px rgba(55,55,55,.12);
--shadow-inset:inset 0 1px 0 rgba(255,255,255,.6);

--shadow-card:var(--shadow-sm);
--shadow-card-hover:var(--shadow-md);
--shadow-overlay:var(--shadow-lg);

/* Protection gradient for text over imagery (never over the logo) */
--scrim-bottom:linear-gradient(to top,rgba(31,31,31,.72),rgba(31,31,31,0) 68%); /* @kind other */
--scrim-left:linear-gradient(to right,rgba(31,31,31,.66),rgba(31,31,31,0) 62%); /* @kind other */
--blur-glass:saturate(140%) blur(14px); /* @kind other */
}