:root{
  --radius-xs:4px; --radius-sm:8px; --radius-md:12px; --radius-lg:16px;
  --radius-xl:24px; --radius-pill:999px;
  --radius-card:var(--radius-lg);
  --radius-button:var(--radius-md);
  --radius-input:var(--radius-md);
  --radius-media:var(--radius-lg);

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

  --shadow-hairline:0 1px 2px rgba(10,10,10,.06);
  --shadow-card:0 1px 2px rgba(10,10,10,.05),0 10px 24px -12px rgba(10,10,10,.18);
  --shadow-card-hover:0 2px 4px rgba(10,10,10,.06),0 18px 36px -14px rgba(10,10,10,.24);
  --shadow-pop:0 24px 56px -16px rgba(10,10,10,.28);
  --shadow-inset-media:inset 0 0 0 1px rgba(10,10,10,.06);
  --ring-focus:0 0 0 2px var(--focus-ring-offset),0 0 0 4px var(--focus-ring);
  --scrim-bottom:linear-gradient(to top,rgba(10,10,10,.72),rgba(10,10,10,0) 72%); /* @kind other */
  --blur-glass:saturate(140%) blur(12px); /* @kind other */
}