:root{
/* Single radius scale. Dashboard leans on xs–lg (dense, functional);
   customer-facing surfaces lean on lg–2xl (softer, more distinctive —
   see readme "Visual foundations" for why this differs from radius-card
   in the live buyer app today). */
--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-2xl:20px;--r-full:9999px;
--r-card:12px;

--sh-xs:0 1px 2px rgba(15,23,42,.04);
--sh-sm:0 1px 3px rgba(15,23,42,.07),0 1px 2px rgba(15,23,42,.04);
--sh-md:0 4px 10px -2px rgba(15,23,42,.08),0 2px 4px -2px rgba(15,23,42,.05);
--sh-lg:0 14px 30px -8px rgba(15,23,42,.12),0 4px 8px -4px rgba(15,23,42,.06);
--sh-xl:0 24px 48px -12px rgba(15,23,42,.18);
--sh-brand:0 8px 24px -6px rgba(30,64,255,.35);
}