:root{
--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:20px;--r-xl:28px;--r-2xl:40px;--r-pill:999px;--r-circle:50%;
--radius-card:var(--r-lg);
--radius-media:var(--r-xl);
--radius-control:var(--r-pill);
--radius-input:var(--r-md);

/* soft, cool-tinted elevation — never black shadows */
--shadow-xs:0 1px 2px rgba(8,41,107,.06);
--shadow-sm:0 2px 8px rgba(8,41,107,.06);
--shadow-md:0 8px 24px rgba(8,41,107,.08);
--shadow-lg:0 20px 48px rgba(8,41,107,.10);
--shadow-brand:0 12px 32px rgba(20,100,240,.24);
--shadow-inner:inset 0 1px 0 rgba(255,255,255,.6);
--ring-focus:0 0 0 4px var(--focus-ring);
}