:root{
/* The brand is flat. Depth comes from photography and hairlines, not shadow. */
--shadow-none:none;
--shadow-card:0 1px 2px rgba(4,34,51,.04);
--shadow-raised:0 6px 20px rgba(4,34,51,.10);
--shadow-overlay:0 18px 48px rgba(3,26,40,.24);
/* legibility scrim over photography (category tiles, hero crops) */
--scrim-image:linear-gradient(180deg,rgba(3,26,40,0) 38%,rgba(3,26,40,.55) 100%); /* @kind color */
--scrim-hero:linear-gradient(90deg,rgba(4,34,51,1) 0%,rgba(4,34,51,.85) 42%,rgba(4,34,51,0) 72%); /* @kind color */
}