:root {
  --white: #ffffff;
  --gray50: #f8fafc;
  --gray100: #f1f5f9;
  --gray200: #e2e8f0;
  --gray300: #cbd5e1;
  --gray400: #8992a9;
  --gray500: #64748b;
  --gray600: #475569;
  --gray700: #334155;
  --gray800: #1e293b;
  --gray900: #0f172a;
  --grayA50: hsl(210deg 98% 20% / 3%);
  --grayA100: hsl(210deg 98% 25% / 6%);
  --grayA200: hsl(214deg 98% 25% / 11%);
  --grayA300: hsl(213deg 78% 25% / 21%);
  --grayA400: hsl(215deg 58% 25% / 47%);
  --grayA500: hsl(215deg 55% 21% / 67%);
  --grayA600: hsl(215deg 50% 17% / 79%);
  --grayA700: hsl(215deg 55% 14% / 85%);
  --grayA800: hsl(217deg 60% 10% / 92%);
  --grayA900: hsl(222deg 90% 5% / 93%);
  --blue50: #f2f8ff;
  --blue100: #dbeaff;
  --blue200: #c0d8fa;
  --blue300: #9bc1f3;
  --blue400: #5693e8;
  --blue500: #3172e3;
  --blue600: #1f5dd8;
  --blue700: #0e48a1;
  --blue800: #112b5c;
  --blue900: #0a1834;
  --red50: #fff0f0;
  --red100: #ffe0e0;
  --red200: #ffbfbf;
  --red300: #ff8f8f;
  --red400: #fa5757;
  --red500: #db3535;
  --red600: #ba2a2a;
  --red700: #8c1c1c;
  --red800: #5a1919;
  --red900: #3e0c0c;
  --orange50: #fff5e8;
  --orange100: #ffeacf;
  --orange200: #ffcf99;
  --orange300: #ffa94d;
  --orange400: #f06c07;
  --orange500: #cc4e00;
  --orange600: #a84100;
  --orange700: #7e2b0a;
  --orange800: #5c2311;
  --orange900: #3d180c;
  --yellow50: #fffce9;
  --yellow100: #fef9c3;
  --yellow200: #f9ec7d;
  --yellow300: #f5e146;
  --yellow400: #f1d01b;
  --yellow500: #e4b913;
  --yellow600: #d3980c;
  --yellow700: #8d5112;
  --yellow800: #55310a;
  --yellow900: #371d06;
  --green50: #e3fcec;
  --green100: #c6fdd9;
  --green200: #99f2b5;
  --green300: #59d478;
  --green400: #44a45c;
  --green500: #36844a;
  --green600: #26603b;
  --green700: #1b4a2c;
  --green800: #11341e;
  --green900: #062412;
  --purple50: #f6f4fc;
  --purple100: #e5ddfa;
  --purple200: #c6b5eb;
  --purple300: #9e82d9;
  --purple400: #8254e8;
  --purple500: #6931e3;
  --purple600: #4518a8;
  --purple700: #341180;
  --purple800: #250f57;
  --purple900: #1a0a3d;
  --teal50: #f2f7f7;
  --teal100: #e3f0f2;
  --teal200: #c9ecee;
  --teal300: #84b8d1;
  --teal400: #3f85b4;
  --teal500: #266c92;
  --teal600: #0e5371;
  --teal700: #0c3f5c;
  --teal800: #0b2b48;
  --teal900: #0a1834;

  --size-0: 0; /* 0px */
  --size-px: 1px; /* 1px */
  --size-0_5: 0.125rem; /* 2px */
  --size-1: 0.25rem; /* 4px */
  --size-1_5: 0.375rem; /* 6px */
  --size-2: 0.5rem; /* 8px */
  --size-2_5: 0.625rem; /* 10px */
  --size-3: 0.75rem; /* 12px */
  --size-3_5: 0.875rem; /* 14px */
  --size-4: 1rem; /* 16px */
  --size-5: 1.25rem; /* 20px */
  --size-6: 1.5rem; /* 24px */
  --size-7: 1.75rem; /* 28px */
  --size-8: 2rem; /* 32px */
  --size-9: 2.25rem; /* 36px */
  --size-10: 2.5rem; /* 40px */
  --size-11: 2.75rem; /* 44px */
  --size-12: 3rem; /* 48px */
  --size-14: 3.5rem; /* 56px */
  --size-16: 4rem; /* 64px */
  --size-20: 5rem; /* 80px */
  --size-24: 6rem; /* 96px */
  --size-28: 7rem; /* 112px */
  --size-32: 8rem; /* 128px */
  --size-36: 9rem; /* 144px */
  --size-40: 10rem; /* 160px */
  --size-44: 11rem; /* 176px */
  --size-48: 12rem; /* 192px */
  --size-52: 13rem; /* 208px */
  --size-56: 14rem; /* 224px */
  --size-60: 15rem; /* 240px */
  --size-64: 16rem; /* 256px */
  --size-72: 18rem; /* 288px */
  --size-80: 20rem; /* 320px */
  --size-96: 24rem; /* 384px */

  --space-0: 0; /* 0px */
  --space-px: 1px; /* 1px */
  --space-0_5: 0.125rem; /* 2px */
  --space-1: 0.25rem; /* 4px */
  --space-1_5: 0.375rem; /* 6px */
  --space-2: 0.5rem; /* 8px */
  --space-2_5: 0.625rem; /* 10px */
  --space-3: 0.75rem; /* 12px */
  --space-3_5: 0.875rem; /* 14px */
  --space-4: 1rem; /* 16px */
  --space-5: 1.25rem; /* 20px */
  --space-6: 1.5rem; /* 24px */
  --space-7: 1.75rem; /* 28px */
  --space-8: 2rem; /* 32px */
  --space-9: 2.25rem; /* 36px */
  --space-10: 2.5rem; /* 40px */
  --space-11: 2.75rem; /* 44px */
  --space-12: 3rem; /* 48px */
  --space-14: 3.5rem; /* 56px */
  --space-16: 4rem; /* 64px */
  --space-20: 5rem; /* 80px */
  --space-24: 6rem; /* 96px */
  --space-28: 7rem; /* 112px */
  --space-32: 8rem; /* 128px */
  --space-36: 9rem; /* 144px */
  --space-40: 10rem; /* 160px */
  --space-44: 11rem; /* 176px */
  --space-48: 12rem; /* 192px */
  --space-52: 13rem; /* 208px */
  --space-56: 14rem; /* 224px */
  --space-60: 15rem; /* 240px */
  --space-64: 16rem; /* 256px */
  --space-72: 18rem; /* 288px */
  --space-80: 20rem; /* 320px */
  --space-96: 24rem; /* 384px */

  --shadow100: 0 0.125rem 0.25rem var(--grayA200), 0 0 0.5rem var(--grayA100);
  --shadow200: 0 0.25rem 0.5rem var(--grayA200), 0 0 1rem var(--grayA100);
  --shadow300: 0 0.5rem 1rem var(--grayA200), 0 0 2rem var(--grayA100);
  --shadow400: 0 1rem 1.5rem var(--grayA200), 0 0 3rem var(--grayA100);
}