:root{
  --space-1:4px;
  --space-2:8px;
  --space-3:16px;
  --space-4:24px;
  --space-5:32px;
  --space-6:48px;
  --space-7:64px;
  --space-8:96px;

  --radius-sharp:0px;
  --radius-card:6px;
  --radius-pill:999px;

  --grid-max-width:1200px;
  --grid-gutter:24px;
  --grid-columns:12; /* @kind other */

  --border-hairline:1px solid var(--border-card);
  --border-focus:2px solid var(--focus-ring);
}