:root{
  --radius-sm:8px;
  --radius-md:14px;
  --radius-lg:24px;
  --radius-xl:32px;
  --radius-pill:999px;
  --radius-circle:50%;

  --shadow-card:0 2px 3px rgba(26,26,26,.03),0 18px 40px -24px rgba(26,26,26,.14);
  --shadow-card-hover:0 4px 8px rgba(26,26,26,.05),0 28px 56px -26px rgba(26,26,26,.2);
  --shadow-button:0 1px 2px rgba(30,48,32,.28);
  --shadow-none:none;

  --hairline:1px solid var(--border-hairline);
  --dashed:1px dashed var(--border-dashed);
}