:root {
	/* SCALES */
	--size-xs: var(--scale-4);
	--size-sm: var(--scale-5);
	--size-md: var(--scale-6);
	--size-lg: var(--scale-7);
	--size-xl: var(--scale-10);
	--pd-2xs: var(--scale-0-3);
	--pd-sm: var(--scale-1);
	--pd-md: var(--scale-2);
	--pd-lg: var(--scale-3);
	--pd-xl: var(--scale-4);
	--pd-2xl: var(--scale-6);
	--radius-xs: var(--scale-0-3);
	--radius-sm: var(--scale-0-6);
	--radius-md: var(--scale-1);
	--radius-lg: var(--scale-2);
	--radius-xl: var(--scale-3);
	--text-xs: 12px;
	--text-xs-rem: 0.75rem;
	--text-sm: 14px;
	--text-sm-rem: 0.875rem;
	--text-md: 16px;
	--text-md-rem: 1rem;
	--text-lg: 20px;
	--text-lg-rem: 1.25rem;
	--text-xl: 28px;
	--text-xl-rem: 1.75rem;
	--icon-sm: var(--scale-3);
	--icon-md: var(--scale-4);
	--icon-lg: var(--scale-5);
	--color-gray-150: #f1f6f9;
	--color-gray-140: #dfe7ed;
	--color-gray-130: #c8d3db;
	--color-gray-120: #abb8c2;
	--color-gray-110: #8a97a5;
	--color-gray-100: #697786;
	--color-gray-90: #4c596b;
	--color-gray-80: #3e4858;
	--color-gray-70: #343b49;
	--color-gray-60: #2c303c;
	--color-gray-50: #242831;
	--color-gray-40: #1e2027;
	--color-gray-30: #191a1f;
	--color-gray-20: #141519;
	--color-gray-10: #101014;
	--size-2xl: var(--scale-13);
	--size-4xl: var(--scale-20);
	--size-3xl: var(--scale-18);
	--pd-3xl: var(--scale-8);
	--color-brand-150: #e0ebf4;
	--color-brand-140: #cbe1f0;
	--color-brand-130: #b5daee;
	--color-brand-120: #9cd5ee;
	--color-brand-110: #82d3ef;
	--color-brand-100: #66d5f3;
	--color-brand-90: #48dbf8;
	--color-brand-80: #28e6ff;
	--color-brand-70: #11e1fd;
	--color-brand-60: #04d6f2;
	--color-brand-50: #05bfd7;
	--color-brand-40: #06a8be;
	--color-brand-30: #0792a4;
	--color-brand-20: #077c8b;
	--color-brand-10: #076673;
	--color-yellow-150: #fce9cc;
	--color-yellow-140: #f6d59b;
	--color-yellow-130: #ecc068;
	--color-yellow-120: #dfad31;
	--color-yellow-110: #c99c2e;
	--color-yellow-100: #b38b2b;
	--color-yellow-90: #9d7a28;
	--color-yellow-80: #896a25;
	--color-yellow-70: #745b21;
	--color-yellow-60: #604b1d;
	--color-yellow-50: #4d3d1a;
	--color-yellow-40: #3b2f16;
	--color-yellow-30: #292111;
	--color-yellow-20: #1a140a;
	--color-yellow-10: #151007;
	--color-red-150: #ffe7e1;
	--color-red-140: #ffcec4;
	--color-red-130: #fcb5a7;
	--color-red-120: #f79d8b;
	--color-red-110: #f08470;
	--color-red-100: #e86a56;
	--color-red-90: #df4d3d;
	--color-red-80: #d42b24;
	--color-red-70: #b32920;
	--color-red-60: #93251c;
	--color-red-50: #752119;
	--color-red-40: #581c15;
	--color-red-30: #3c1710;
	--color-red-20: #231009;
	--color-red-10: #1d0c06;
	--size-2xs: var(--scale-3);
	--color-blue-150: #e9ebfa;
	--color-blue-140: #d3d8f5;
	--color-blue-130: #bcc5f0;
	--color-blue-120: #a4b2ea;
	--color-blue-110: #8ca0e5;
	--color-blue-100: #718edf;
	--color-blue-90: #527cd9;
	--color-blue-80: #236cd3;
	--color-blue-70: #255cb2;
	--color-blue-60: #254c92;
	--color-blue-50: #233e73;
	--color-blue-40: #1f2f55;
	--color-blue-30: #19213a;
	--color-blue-20: #121420;
	--color-blue-10: #0f101a;
	--scale-1: 6px;
	--scale-1-rem: 0.375rem;
	--scale-2: 12px;
	--scale-2-rem: 0.75rem;
	--scale-3: 18px;
	--scale-3-rem: 1.125rem;
	--scale-4: 24px;
	--scale-4-rem: 1.5rem;
	--scale-5: 30px;
	--scale-5-rem: 1.875rem;
	--scale-6: 36px;
	--scale-6-rem: 2.25rem;
	--scale-7: 42px;
	--scale-7-rem: 2.625rem;
	--scale-8: 48px;
	--scale-8-rem: 3rem;
	--scale-9: 54px;
	--scale-9-rem: 3.375rem;
	--scale-10: 60px;
	--scale-10-rem: 3.75rem;
	--scale-11: 66px;
	--scale-11-rem: 4.125rem;
	--scale-12: 72px;
	--scale-12-rem: 4.5rem;
	--scale-13: 78px;
	--scale-13-rem: 4.875rem;
	--scale-14: 84px;
	--scale-14-rem: 5.25rem;
	--scale-15: 90px;
	--scale-15-rem: 5.625rem;
	--scale-0-5: 3px;
	--scale-0-5-rem: 0.1875rem;
	--scale-0-3: 2px;
	--scale-0-3-rem: 0.125rem;
	--scale-0-6: 4px;
	--scale-0-6-rem: 0.25rem;
	--scale-16: 96px;
	--scale-16-rem: 6rem;
	--scale-17: 102px;
	--scale-17-rem: 6.375rem;
	--scale-18: 108px;
	--scale-18-rem: 6.75rem;
	--scale-19: 114px;
	--scale-19-rem: 7.125rem;
	--scale-20: 120px;
	--scale-20-rem: 7.5rem;
	--pd-xs: var(--scale-0-6);
	--radius-2xl: var(--scale-4);
	--radius-max: 9999px;
	--radius-max-rem: 624.9375rem;
	--pd-4xl: var(--scale-12);
	--icon-xs: var(--scale-2);
	--icon-xl: var(--scale-6);
	--weight-regular: "Regular";
	--weight-medium: "Medium";
	--weight-bold: "Semibold";
  }