:root {
  --blue-1: #e6f4ff;
  --blue-2: #b5dbff;
  --blue-3: #8cc4ff;
  --blue-4: #63a9ff;
  --blue-5: #3b8cff;
  --blue-6: #126bfb;
  --blue-7: #044dd4;
  --blue-8: #0037ad;
  --blue-9: #002687;
  --blue-10: #001861;
  --green-1: #eefaeb;
  --green-2: #e1eddf;
  --green-3: #d1e0ce;
  --green-4: #a6d4a1;
  --green-5: #7dc777;
  --green-6: #56bb52;
  --green-7: #3a943a;
  --green-8: #256e28;
  --gold-1: #fff9f0;
  --gold-2: #fff5e8;
  --gold-3: #ffe2bf;
  --gold-4: #ffcc96;
  --gold-5: #ffb46e;
  --gold-6: #ff9845;
  --gold-7: #d97630;
  --gold-8: #b3571e;
  --gold-9: #8c3c11;
  --gold-10: #66280b;
  --green-9: #154718;
  --green-10: #09210c;
  --red-1: #fff4f0;
  --red-2: #fff3f0;
  --red-3: #ffe6e0;
  --red-4: #f2b9ae;
  --red-5: #e68c81;
  --red-6: #d96156;
  --red-7: #b3443e;
  --red-8: #8c2c2a;
  --red-9: #661a1b;
  --red-10: #400f12;
  --purple-1: #f9f0ff;
  --purple-2: #efdbff;
  --purple-3: #d3adf7;
  --purple-4: #b37feb;
  --purple-5: #9254de;
  --purple-6: #722ed1;
  --purple-7: #531dab;
  --purple-8: #391085;
  --purple-9: #22075e;
  --purple-10: #120338;
  --cyan-1: #e6fffb;
  --cyan-2: #b5f5ec;
  --cyan-3: #87e8de;
  --cyan-4: #5cdbd3;
  --cyan-5: #36cfc9;
  --cyan-6: #13c2c2;
  --cyan-7: #08979c;
  --cyan-8: #006d75;
  --cyan-9: #00474f;
  --cyan-10: #002329;
  --magenta-1: #fff0f6;
  --magenta-2: #ffd6e7;
  --magenta-3: #ffadd2;
  --magenta-4: #ff85c0;
  --magenta-5: #f759ab;
  --magenta-6: #eb2f96;
  --magenta-7: #c41d7f;
  --magenta-8: #9e1068;
  --magenta-9: #780650;
  --magenta-10: #520339;
  --pink-1: #fff0f6;
  --pink-2: #ffd6e7;
  --pink-3: #ffadd2;
  --pink-4: #ff85c0;
  --pink-5: #f759ab;
  --pink-6: #eb2f96;
  --pink-7: #c41d7f;
  --pink-8: #9e1068;
  --pink-9: #780650;
  --pink-10: #520339;
  --orange-1: #fff7e6;
  --orange-2: #ffe7ba;
  --orange-3: #ffd591;
  --orange-4: #ffc069;
  --orange-5: #ffa940;
  --orange-6: #fa8c16;
  --orange-7: #d46b08;
  --orange-8: #ad4e00;
  --orange-9: #873800;
  --orange-10: #612500;
  --yellow-1: #feffe6;
  --yellow-2: #ffffb8;
  --yellow-3: #fffb8f;
  --yellow-4: #fff566;
  --yellow-5: #ffec3d;
  --yellow-6: #fadb14;
  --yellow-7: #d4b106;
  --yellow-8: #ad8b00;
  --yellow-9: #876800;
  --yellow-10: #614700;
  --volcano-1: #fff2e8;
  --volcano-2: #ffd8bf;
  --volcano-3: #ffbb96;
  --volcano-4: #ff9c6e;
  --volcano-5: #ff7a45;
  --volcano-6: #fa541c;
  --volcano-7: #d4380d;
  --volcano-8: #ad2102;
  --volcano-9: #871400;
  --volcano-10: #610b00;
  --geekblue-1: #f0f5ff;
  --geekblue-2: #d6e4ff;
  --geekblue-3: #adc6ff;
  --geekblue-4: #85a5ff;
  --geekblue-5: #597ef7;
  --geekblue-6: #2f54eb;
  --geekblue-7: #1d39c4;
  --geekblue-8: #10239e;
  --geekblue-9: #061178;
  --geekblue-10: #030852;
  --lime-1: #fcffe6;
  --lime-2: #f4ffb8;
  --lime-3: #eaff8f;
  --lime-4: #d3f261;
  --lime-5: #bae637;
  --lime-6: #a0d911;
  --lime-7: #7cb305;
  --lime-8: #5b8c00;
  --lime-9: #3f6600;
  --lime-10: #254000;
  --blue-6-tint-20: #4189fc;
  --blue-6-fade: 18, 107, 251;
  --blue-6-tint-50: #89b5fd;
  --gold-6-fade: 255, 152, 69;
  --red-5-fade: 230, 140, 129;
  --text-color: #17233d;
  --white: #ffffff;
  --fill-color: #e9edf3;
  --text-color-fade: 23, 35, 61;
  --white-fade: 255, 255, 255;
  --text-color-secondary: #454f64;
  --text-color-tint-50: #8b919e;
  --text-color-tertiary: #babdc5;
  --fill-color-tertiary: #f1f2f5;
  --fill-color-quaternary: #f8f9fb;
  --border-color: #c9d2dd;
  --border-color-secondary: #e1e6ee;
  --bg-color-quaternary: var(--fill-color-quaternary);
  --bg-color-spotilight: var(--text-color);
  --bg-color-spotilight-tint-50: var(--text-color-tint-50);
  --size-step-base: 4;
  --size-step-unit: 4;

  --heading-1-size: calc(var(--font-size-base) * 2.71);
  --heading-2-size: calc(var(--font-size-base) * 2.14);
  --heading-3-size: calc(var(--font-size-base) * 1.71);
  --heading-4-size: calc(var(--font-size-base) * 1.42);
  --line-height-base: 1.5;
  --line-height-sm: 1.6666666;
  --line-height-lg: 1.5;
  --line-height-xl: 28 / 20;
  --heading-1-line-height: 40 / 32;
  --heading-2-line-height: 32 / 24;
  --heading-3-line-height: 26 / 18;
  --heading-4-line-height: 24 / 16;
  --border-radius-base: 2px;
  --border-radius-sm: 2px;
  --border-radius-xs: 4px;
  --border-radius-lg: 20px;
  --padding-xxs: 4px;
  --padding-base: 16px;
  --padding-xxl: 48px;
  --padding-xl: 32px;
  --padding-lg: 20px;
  --padding-md: 12px;
  --padding-sm: 10px;
  --padding-xs: 8px;
  --margin-xxs: 4px;
  --margin-xs: 8px;
  --margin-sm: 12px;
  --margin-base: 16px;
  --margin-md: 20px;
  --margin-lg: 24px;
  --margin-xl: 32px;
  --margin-xxl: 48px;
  --box-shadow-md: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
  --box-shadow-lg: 0px 0px 25px 0px rgba(0, 0, 0, 0.1), 0px 0px 5px -5px rgba(0, 0, 0, 0.05);
}