:root {
  --padding-none: 0;
  --padding-3xs: var(--size-1);
  --padding-2xs: var(--size-2);
  --padding-xxs: var(--size-3);
  --padding-xs: var(--size-4);
  --padding-2sm: var(--size-5);
  --padding-sm: var(--size-6);
  --padding-md: var(--size-8);
  --padding-lg: var(--size-10);
  --padding-xl: var(--size-12);
  --padding-2xl: var(--size-16);
  --padding-3xl: var(--size-20);
  --padding-4xl: var(--size-24);
  --padding-5xl: var(--size-28);
  --padding-6xl: var(--size-32);

  --gap-none: 0;
  --gap-xs: var(--size-1);
  --gap-sm: var(--size-2);
  --gap-md: var(--size-4);
  --gap-lg: var(--size-6);
  --gap-xl: var(--size-8);
  --gap-2xl: var(--size-10);
  --gap-3xl: var(--size-12);
  --gap-4xl: var(--size-16);
  --gap-5xl: var(--size-20);
  --gap-6xl: var(--size-24);

  --radius-none: 0;
  --radius-xs: var(--size-0-5);
  --radius-sm: var(--size-1);
  --radius-md: var(--size-1-5);
  --radius-lg: var(--size-2);
  --radius-xl: var(--size-3);
  --radius-2xl: var(--size-4);
  --radius-3xl: var(--size-5);
  --radius-4xl: var(--size-6);
  --radius-5xl: var(--size-8);
  --radius-6xl: var(--size-10);
  --radius-full: 9999px;

  --shadow-sm: var(--size-1-5);
  --shadow-md: var(--size-2);
  --shadow-lg: var(--size-4);

  --border-xs: var(--size-px);
  --border-sm: var(--size-0-5);
  --border-md: var(--size-1);
  --border-lg: var(--size-1-5);
  --border-xl: var(--size-2);
  --border-2xl: var(--size-3);
  --border-3xl: var(--size-4);

  --card-maxw: 230px;
}