:root { 
  --alternative-color---10: #fff4ee;
  --alternative-color---100: #431b09;
  --alternative-color---20: #ffdac9;
  --alternative-color---50: #ed8554;
  --alternative-color---90: #652c11;
  --black: #000000;
  --primary-black---10: #f8f8f8;
  --primary-black---100: #2a252c;
  --primary-black---40: #b1abb4;
  --primary-black---70: #6d6470;
  --primary-black---80: #564e59;
  --primary-black---90: #403943;
  --primary-color---10: #fef7fa;
  --primary-color---100: #401349;
  --primary-color---20: #f8cfe0;
  --primary-color---30: #f2b8d4;
  --primary-color---40: #f06393;
  --primary-color---50: #E04D79;
  --primary-color---60: #c93d6b;
  --primary-color---90: #8B1538;
  --secondary-color---30: #ffaac3;
  --secondary-color---50: #fe6592;
  --secondary-color---60: #e04d78;
  --secondary-color---70: #be375f;
  --vivid-violet: #7e378d;
  --white: #ffffff;
  --white---10: #ffffff1a;
 
  --font-size-l: 16px;
  --font-size-m: 14px;
  --font-size-s: 12px;
  --font-size-xl: 18px;
  --font-size-xxl: 20px;
  --font-size-xxxl: 24px;
  --font-size-xxxxl: 40px;
 
  --font-family-inter: "Inter", Helvetica;
}

h1, .heading-1 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 48px;
}

.heading-1---regular {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 200;
  letter-spacing: 0;
}

.heading-1---bold {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

h2, .heading-2 {
  font-family: var(--font-family-inter);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 40px;
}

.heading-2---regular {
  font-family: var(--font-family-inter);
  font-size: 32px;
  font-style: normal;
  font-weight: 200;
  letter-spacing: 0;
}

.heading-2---bold {
  font-family: var(--font-family-inter);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

h3, .heading-3 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 32px;
}

.heading-3---regular {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 200;
  letter-spacing: 0;
}

.heading-3---bold {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

h4, .heading-4 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 32px;
}

.heading-4---regular {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 200;
  letter-spacing: 0;
}

.heading-4---bold {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

h5, .heading-5 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
}

.heading-5---regular {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 200;
  letter-spacing: 0;
}

.heading-5---medium {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.heading-5---bold {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

h6, .heading-6 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
}

.heading-6---regular {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 200;
  letter-spacing: 0;
}

.heading-6---medium {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.heading-6---bold {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.paragraph-14---regular {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 200;
  letter-spacing: 0;
}

.paragraph-14---semibold {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
}

.paragraph-12---regular {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}