:root{
  --radius-xs:6px;
  --radius-sm:10px;
  --radius-md:16px;
  --radius-lg:24px;
  --radius-xl:32px;
  --radius-pill:999px;

  --radius-card:var(--radius-lg);
  --radius-control:var(--radius-pill);
  --radius-field:var(--radius-sm);

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

  --shadow-xs:0 1px 2px rgba(27,99,109,.08);
  --shadow-sm:0 2px 8px rgba(27,99,109,.10);
  --shadow-md:0 8px 24px rgba(27,99,109,.12);
  --shadow-lg:0 18px 48px rgba(14,60,67,.16);
  --shadow-brand:0 10px 26px rgba(27,99,109,.28);
  --shadow-inset-soft:inset 0 1px 0 rgba(255,255,255,.55);

  --blur-veil:14px; /* @kind other */
  --blur-heavy:28px; /* @kind other */
}