:root{
/* Curvature is a brand signal — S&M rounds generously, never sharp-cornered */
--radius-xs:4px;
--radius-sm:8px;
--radius-md:12px;
--radius-lg:18px;
--radius-xl:24px;
--radius-2xl:32px;
--radius-3xl:44px;
--radius-pill:999px;
--radius-card:var(--radius-xl);
--radius-control:var(--radius-pill);
--radius-field:var(--radius-md);

--border-width:1px; /* @kind other */
--border-width-strong:1.5px; /* @kind other */
--icon-stroke:1.5; /* @kind other */

/* Shadows — soft, warm-tinted, never neutral grey/blue */
--shadow-xs:0 1px 2px rgba(20,19,18,.06);
--shadow-sm:0 2px 6px rgba(20,19,18,.06),0 1px 2px rgba(20,19,18,.04);
--shadow-md:0 8px 24px rgba(20,19,18,.08),0 2px 6px rgba(20,19,18,.04);
--shadow-lg:0 20px 48px rgba(20,19,18,.10),0 4px 12px rgba(20,19,18,.05);
--shadow-ember:0 8px 24px rgba(232,106,36,.24);
--shadow-inset-hairline:inset 0 0 0 1px var(--border-hairline);

/* Protection gradient for text over imagery/video */
--scrim-bottom:linear-gradient(180deg,rgba(11,11,12,0) 0%,rgba(11,11,12,.35) 45%,rgba(11,11,12,.88) 100%); /* @kind other */
--scrim-left:linear-gradient(90deg,rgba(11,11,12,.9) 0%,rgba(11,11,12,.55) 45%,rgba(11,11,12,0) 100%); /* @kind other */
--glass-dark:rgba(255,255,255,.06);
--glass-blur:blur(14px); /* @kind other */
}