:root{
/* the brand is square: radius is reserved for pills and photos */
--radius-none:0px;
--radius-xs:2px;
--radius-sm:4px;
--radius-photo:6px;
--radius-pill:999px;

--border-hairline:1px;
--border-thick:2px;
--border-brand:3px;

--shadow-card:0 12px 32px rgba(0,0,0,.55);
--shadow-raised:0 20px 60px rgba(0,0,0,.65);
--shadow-inset-line:inset 0 -3px 0 var(--deo-red);
--glow-red:0 0 64px rgba(237,50,55,.32);
--glow-red-soft:0 0 120px rgba(237,50,55,.18);

/* photo treatment: cool, contrasty, faded to black at the bottom */
--photo-filter:grayscale(.25) contrast(1.12) saturate(.9); /* @kind other */
--photo-fade-bottom:linear-gradient(to bottom,rgba(0,0,0,0) 40%,rgba(0,0,0,.85) 92%,#000 100%); /* @kind other */
--photo-scrim:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.55) 55%,rgba(0,0,0,.15) 100%); /* @kind other */
}