:root {
  --black-color-100: #d8d8d8;
  --black-color-200: #9d9d9d;
  --black-color-300: #444444;
  --black-color-400: #292929;
  --black-color-500: #141414;
  --black-color-600: #070707;

  --beige-color-100: #fdfcfa;
  --beige-color-200: #fbf8f5;
  --beige-color-300: #f7f1eb;
  --beige-color-400: #f5eee6;
  --beige-color-500: #c6b49e;
  --beige-color-600: #977957;

  --violet-color-100: #eeebf7;
  --violet-color-200: #ddd7ef;
  --violet-color-300: #9a88cf;
  --violet-color-400: #5738af;
  --violet-color-500: #1a1134;
  --violet-color-600: #090611;

  --pink-color-100: #fdf7f9;
  --pink-color-200: #f6d6e1;
  --pink-color-300: #f6deec;
  --pink-color-400: #ca94b3;
  --pink-color-500: #9d4a7a;
  --pink-color-600: #87255e;

  --orange-color-100: #fff1ec;
  --orange-color-200: #ffd4c6;
  --orange-color-300: #fea98c;
  --orange-color-400: #fe7040;
  --orange-color-500: #73301a;
  --orange-color-600: #441b0d;

  --grey-color-100: #fbfbfb;
  --grey-color-200: #f7f7f7;
  --grey-color-300: #f5f5f5;
  --grey-color-400: #f2f2f2;
  --grey-color-500: #d4d4d4;
  --grey-color-600: #999999;

  --red-color-300: #e12323;

  --lightblue-color-300: #e0e5e8;

  --bodysmall-mobile-fontsize: 14px;
  --caption-mobile-fontsize: 12px;

  --h2-mobile-fontsize: 34px;
  --h3-mobile-fontsize: 29px;
  --h4-mobile-fontsize: 22px;
  --h5-mobile-fontsize: 19px;

  --caption-mobile2-fontsize: 12px;
  --bodysmall-mobile2-fontsize: 14px;
  --h1-mobile2-fontsize: 39px;
  --h2-mobile2-fontsize: 34px;
  --h3-mobile2-fontsize: 29px;
  --h4-mobile2-fontsize: 22px;
  --h5-mobile2-fontsize: 19px;

  --h2-desktop-fontsize: 45px;
  --h3-desktop-fontsize: 36px;
  --h4-desktop-fontsize: 25px;
  --h5-desktop-fontsize: 22px;
  --body-desktop-fontsize: 19px;
  --body-small-desktop-fontsize: 14px;
  --caption-desktop-fontsize: 12px;
}

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

h1 {
  font-family: "Poppins", sans-serif;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
  cursor: pointer;
}

button {
  background-color: transparent;
  border: none;
}

@media (min-width: 1000px) {
  body {
    overflow-x: hidden;
    max-width: 1920px !important;
    margin: 0 auto !important;
  }
}