:root{
  --radius-xs:4px;
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:16px;
  --radius-xl:24px;
  --radius-pill:999px;

  --border-hairline:1px;
  --border-thick:2px;
  --border-dark:1px solid var(--white-10);
  --border-light:1px solid var(--paper-300);
  --border-focus:2px solid var(--ember-500);

  /* Blueprint grid — the recurring background texture */
  --grid-line:rgba(255,255,255,.045);
  --grid-line-light:rgba(10,12,11,.06);
  --grid-size:32px;
}