:root {
  --navbar-height: 4.5rem;
  /* Colors */
  --color-focaccia: rgb(39, 43, 101);
  --color-segale: rgb(205, 50, 50);
  --color-brioche: rgb(246, 243, 239);
  --color-baguette: rgb(253, 253, 53);
  --color-pizza: rgb(45, 123, 85);
  --color-shop: rgb(205, 50, 50);
  --color-shop-70: rgb(255, 117, 182);
  --color-shop-20: rgb(255, 204, 228);
  --color-dark: rgb(17, 25, 40);
  --color-dark-2: rgb(31, 42, 55);
  --color-dark-3: rgb(55, 65, 81);
  --color-dark-4: rgb(75, 85, 99);
  --color-dark-5: rgb(107, 114, 128);
  --color-dark-6: rgb(156, 163, 175);
  --color-dark-7: rgb(209, 213, 219);
  --color-dark-8: rgb(229, 231, 235);
  --color-stroke: rgb(130, 130, 130);
  --color-gray: rgb(249, 250, 251);
  --color-gray-2: rgb(243, 244, 246);
  --color-gray-3: rgb(229, 231, 235);
  --color-gray-4: rgb(222, 226, 230);
  --color-gray-5: rgb(206, 212, 218);
  --color-gray-6: rgb(206, 212, 218);
  --color-gray-7: rgb(206, 212, 218);
  --color-black: rgb(0, 0, 0);
  --color-white: rgb(255, 255, 255);
  --color-transparent: transparent;
  /* Typography */
  --font-sans: "Work Sans", sans-serif;
  --text-title-9xl-1-font-family: "Roboto Condensed", sans-serif;
  --text-title-9xl-1-font-weight: 700;
  --text-title-9xl-1-font-size: 8.5rem;
  --text-title-9xl-1-line-height: 125%;
  --text-title-9xl-1-letter-spacing: 0em;
  --text-title-8xl-1-font-family: "Inconsolata", sans-serif;
  --text-title-8xl-1-font-weight: 700;
  --text-title-8xl-1-font-size: 7.5rem;
  --text-title-8xl-1-line-height: 125%;
  --text-title-8xl-1-letter-spacing: 0.1em;
  --text-title-5xl-1-font-family: "Inconsolata", sans-serif;
  --text-title-5xl-1-font-weight: 600;
  --text-title-5xl-1-font-size: 5rem;
  --text-title-5xl-1-line-height: 125%;
  --text-title-5xl-1-letter-spacing: 0em;
  --text-title-5xl-2-font-family: "Inconsolata", sans-serif;
  --text-title-5xl-2-font-weight: 800;
  --text-title-5xl-2-font-size: 5rem;
  --text-title-5xl-2-line-height: 125%;
  --text-title-5xl-2-letter-spacing: 0em;
  --text-title-5xl-3-font-family: "Inria Serif", sans-serif;
  --text-title-5xl-3-font-weight: 700;
  --text-title-5xl-3-font-size: 5rem;
  --text-title-5xl-3-line-height: 125%;
  --text-title-5xl-3-letter-spacing: 0em;
  --text-title-4xl-1-font-family: "Inria Serif", sans-serif;
  --text-title-4xl-1-font-weight: 700;
  --text-title-4xl-1-font-size: 4.5rem;
  --text-title-4xl-1-line-height: 125%;
  --text-title-4xl-1-letter-spacing: 0em;
  --text-title-3xl-1-font-family: "Roboto Condensed", sans-serif;
  --text-title-3xl-1-font-weight: 700;
  --text-title-3xl-1-font-size: 4rem;
  --text-title-3xl-1-line-height: 125%;
  --text-title-3xl-1-letter-spacing: 0em;
  --text-title-3xl-2-font-family: "Inria Serif", sans-serif;
  --text-title-3xl-2-font-weight: 400;
  --text-title-3xl-2-font-size: 4rem;
  --text-title-3xl-2-line-height: 125%;
  --text-title-3xl-2-letter-spacing: 0em;
  --text-title-2xl-1-font-family: "Roboto Condensed", sans-serif;
  --text-title-2xl-1-font-weight: 700;
  --text-title-2xl-1-font-size: 3.5rem;
  --text-title-2xl-1-line-height: 125%;
  --text-title-2xl-1-letter-spacing: 0em;
  --text-title-xl-1-font-family: "Inconsolata", sans-serif;
  --text-title-xl-1-font-weight: 600;
  --text-title-xl-1-font-size: 3rem;
  --text-title-xl-1-line-height: 125%;
  --text-title-xl-1-letter-spacing: 0em;
  --text-title-lg-1-font-family: "Inconsolata", sans-serif;
  --text-title-lg-1-font-weight: 600;
  --text-title-lg-1-font-size: 2.5rem;
  --text-title-lg-1-line-height: 125%;
  --text-title-lg-1-letter-spacing: 0em;
  --text-title-lg-2-font-family: "Inconsolata", sans-serif;
  --text-title-lg-2-font-weight: 600;
  --text-title-lg-2-font-size: 2.5rem;
  --text-title-lg-2-line-height: 125%;
  --text-title-lg-2-letter-spacing: 0.15em;
  --text-title-lg-3-font-family: "Inconsolata", sans-serif;
  --text-title-lg-3-font-weight: 700;
  --text-title-lg-3-font-size: 2.5rem;
  --text-title-lg-3-line-height: 125%;
  --text-title-lg-3-letter-spacing: 0em;
  --text-title-lg-4-font-family: "Poppins", sans-serif;
  --text-title-lg-4-font-weight: 400;
  --text-title-lg-4-font-size: 2.5rem;
  --text-title-lg-4-line-height: 125%;
  --text-title-lg-4-letter-spacing: 0em;
  --text-title-md-1-font-family: "Inconsolata", sans-serif;
  --text-title-md-1-font-weight: 600;
  --text-title-md-1-font-size: 2rem;
  --text-title-md-1-line-height: 125%;
  --text-title-md-1-letter-spacing: 0em;
  --text-title-md-2-font-family: "Inria Serif", sans-serif;
  --text-title-md-2-font-weight: 700;
  --text-title-md-2-font-size: 2rem;
  --text-title-md-2-line-height: 125%;
  --text-title-md-2-letter-spacing: 0em;
  --text-title-md-3-font-family: "Roboto Condensed", sans-serif;
  --text-title-md-3-font-weight: 700;
  --text-title-md-3-font-size: 2.5rem;
  --text-title-md-3-line-height: 125%;
  --text-title-md-3-letter-spacing: 0em;
  --text-title-sm-1-font-family: "Roboto Condensed", sans-serif;
  --text-title-sm-1-font-weight: 700;
  --text-title-sm-1-font-size: 1.75rem;
  --text-title-sm-1-line-height: 125%;
  --text-title-sm-1-letter-spacing: 0em;
  --text-title-xs-1-font-family: "Roboto Condensed", sans-serif;
  --text-title-xs-1-font-weight: 700;
  --text-title-xs-1-font-size: 1.5rem;
  --text-title-xs-1-line-height: 125%;
  --text-title-xs-1-letter-spacing: 0em;
  --text-title-xs-2-font-family: "Inconsolata", sans-serif;
  --text-title-xs-2-font-weight: 600;
  --text-title-xs-2-font-size: 1.5rem;
  --text-title-xs-2-line-height: 125%;
  --text-title-xs-2-letter-spacing: 0em;
  --text-body-2xl-1-font-family: "Work Sans", sans-serif;
  --text-body-2xl-1-font-weight: 500;
  --text-body-2xl-1-font-size: 1.5rem;
  --text-body-2xl-1-line-height: 125%;
  --text-body-2xl-1-letter-spacing: 0em;
  --text-body-xl-1-font-family: "Inconsolata", sans-serif;
  --text-body-xl-1-font-weight: 500;
  --text-body-xl-1-font-size: 1.25rem;
  --text-body-xl-1-line-height: 125%;
  --text-body-xl-1-letter-spacing: 0em;
  --text-body-lg-1-font-family: "Work Sans", sans-serif;
  --text-body-lg-1-font-weight: 400;
  --text-body-lg-1-font-size: 1.125rem;
  --text-body-lg-1-line-height: 125%;
  --text-body-lg-1-letter-spacing: 0em;
  --text-body-lg-2-font-family: "Work Sans", sans-serif;
  --text-body-lg-2-font-weight: 500;
  --text-body-lg-2-font-size: 1.125rem;
  --text-body-lg-2-line-height: 125%;
  --text-body-lg-2-letter-spacing: 0em;
  --text-body-lg-3-font-family: "Work Sans", sans-serif;
  --text-body-lg-3-font-weight: 600;
  --text-body-lg-3-font-size: 1.125rem;
  --text-body-lg-3-line-height: 125%;
  --text-body-lg-3-letter-spacing: 0em;
  --text-body-lg-4-font-family: "Work Sans", sans-serif;
  --text-body-lg-4-font-weight: 700;
  --text-body-lg-4-font-size: 1.125rem;
  --text-body-lg-4-line-height: 125%;
  --text-body-lg-4-letter-spacing: 0em;
  --text-body-lg-5-font-family: "Inconsolata", sans-serif;
  --text-body-lg-5-font-weight: 400;
  --text-body-lg-5-font-size: 1.125rem;
  --text-body-lg-5-line-height: 125%;
  --text-body-lg-5-letter-spacing: 0em;
  --text-body-lg-6-font-family: "Inconsolata", sans-serif;
  --text-body-lg-6-font-weight: 600;
  --text-body-lg-6-font-size: 1.125rem;
  --text-body-lg-6-line-height: 125%;
  --text-body-lg-6-letter-spacing: 0em;
  --text-body-lg-7-font-family: "Inconsolata", sans-serif;
  --text-body-lg-7-font-weight: 700;
  --text-body-lg-7-font-size: 1.125rem;
  --text-body-lg-7-line-height: 125%;
  --text-body-lg-7-letter-spacing: 0em;
  --text-body-base-1-font-family: "Roboto Condensed", sans-serif;
  --text-body-base-1-font-weight: 600;
  --text-body-base-1-font-size: 1rem;
  --text-body-base-1-line-height: 125%;
  --text-body-base-1-letter-spacing: 0em;
  --text-body-base-2-font-family: "Work Sans", sans-serif;
  --text-body-base-2-font-weight: 400;
  --text-body-base-2-font-size: 1rem;
  --text-body-base-2-line-height: 125%;
  --text-body-base-2-letter-spacing: 0em;
  --text-body-base-3-font-family: "Work Sans", sans-serif;
  --text-body-base-3-font-weight: 500;
  --text-body-base-3-font-size: 1rem;
  --text-body-base-3-line-height: 125%;
  --text-body-base-3-letter-spacing: 0em;
  --text-body-base-4-font-family: "Work Sans", sans-serif;
  --text-body-base-4-font-weight: 700;
  --text-body-base-4-font-size: 1rem;
  --text-body-base-4-line-height: 125%;
  --text-body-base-4-letter-spacing: 0em;
  --text-body-base-5-font-family: "Inconsolata", sans-serif;
  --text-body-base-5-font-weight: 400;
  --text-body-base-5-font-size: 1rem;
  --text-body-base-5-line-height: 125%;
  --text-body-base-5-letter-spacing: 0em;
  --text-body-base-6-font-family: "Inconsolata", sans-serif;
  --text-body-base-6-font-weight: 700;
  --text-body-base-6-font-size: 1rem;
  --text-body-base-6-line-height: 125%;
  --text-body-base-6-letter-spacing: 0em;
  --text-body-sm-1-font-family: "Inconsolata", sans-serif;
  --text-body-sm-1-font-weight: 400;
  --text-body-sm-1-font-size: 0.875rem;
  --text-body-sm-1-line-height: 125%;
  --text-body-sm-1-letter-spacing: 0em;
  --text-body-sm-2-font-family: "Work Sans", sans-serif;
  --text-body-sm-2-font-weight: 500;
  --text-body-sm-2-font-size: 0.875rem;
  --text-body-sm-2-line-height: 125%;
  --text-body-sm-2-letter-spacing: 0em;
  --text-body-sm-3-font-family: "Work Sans", sans-serif;
  --text-body-sm-3-font-weight: 700;
  --text-body-sm-3-font-size: 0.875rem;
  --text-body-sm-3-line-height: 125%;
  --text-body-sm-3-letter-spacing: 0em;
  --text-body-xs-1-font-family: "Inconsolata", sans-serif;
  --text-body-xs-1-font-weight: 500;
  --text-body-xs-1-font-size: 0.75rem;
  --text-body-xs-1-line-height: 125%;
  --text-body-xs-1-letter-spacing: 0em;
  /* Buttons */
  --button-style-1-bg: var(--color-segale);
  --button-style-1-bg-hover: var(--color-black);
  --button-style-1-border: var(--color-segale);
  --button-style-1-border-hover: var(--color-black);
  --button-style-1-text: var(--color-white);
  --button-style-1-text-hover: var(--color-white);
  --button-style-2-bg: var(--color-white);
  --button-style-2-bg-hover: var(--color-brioche);
  --button-style-2-border: var(--color-segale);
  --button-style-2-border-hover: var(--color-segale);
  --button-style-2-text: var(--color-segale);
  --button-style-2-text-hover: var(--color-segale);
  --button-style-3-bg: var(--color-transparent);
  --button-style-3-bg-hover: var(--color-transparent);
  --button-style-3-border: var(--color-black);
  --button-style-3-border-hover: var(--color-transparent);
  --button-style-3-text: var(--color-black);
  --button-style-3-text-hover: var(--color-black);
  --button-style-4-bg: var(--color-transparent);
  --button-style-4-bg-hover: var(--color-black);
  --button-style-4-border: var(--color-segale);
  --button-style-4-border-hover: var(--color-black);
  --button-style-4-text: var(--color-segale);
  --button-style-4-text-hover: var(--color-white);
  --button-style-5-bg: var(--color-black);
  --button-style-5-bg-hover: var(--color-transparent);
  --button-style-5-border: var(--color-black);
  --button-style-5-border-hover: var(--color-transparent);
  --button-style-5-text: var(--color-white);
  --button-style-5-text-hover: var(--color-black);
  --button-style-6-bg: var(--color-transparent);
  --button-style-6-bg-hover: var(--color-transparent);
  --button-style-6-border: var(--color-transparent);
  --button-style-6-border-hover: var(--color-transparent);
  --button-style-6-text: var(--color-black);
  --button-style-6-text-hover: var(--color-black);
  --button-style-7-bg: var(--color-white);
  --button-style-7-bg-hover: #e1e8ff;
  --button-style-7-border: var(--color-focaccia);
  --button-style-7-border-hover: var(--color-focaccia);
  --button-style-7-text: var(--color-focaccia);
  --button-style-7-text-hover: var(--color-focaccia);
}
@media screen and (max-width: 1024px) {
  :root {
    --text-title-9xl-1-font-size: 3rem;
    --text-title-8xl-1-font-size: 3.25rem;
    --text-title-8xl-1-letter-spacing: 0.1em;
    --text-title-5xl-1-font-size: 1.5rem;
    --text-title-5xl-2-font-size: 2.5rem;
    --text-title-5xl-3-font-size: 2rem;
    --text-title-4xl-1-font-size: 3rem;
    --text-title-3xl-1-font-size: 3rem;
    --text-title-3xl-2-font-size: 2rem;
    --text-title-xl-1-font-size: 2.5rem;
    --text-title-lg-1-font-size: 2rem;
    --text-title-lg-2-font-size: 2rem;
    --text-title-md-1-font-size: 2.5rem;
    --text-title-md-3-font-size: 1.75rem;
    --text-title-sm-1-font-size: 1.5rem;
  }
}
.title-9xl-1 {
  font-family: var(--text-title-9xl-1-font-family);
  font-weight: var(--text-title-9xl-1-font-weight);
  font-size: var(--text-title-9xl-1-font-size);
  line-height: var(--text-title-9xl-1-line-height);
  letter-spacing: var(--text-title-9xl-1-letter-spacing);
}
.title-8xl-1 {
  font-family: var(--text-title-8xl-1-font-family);
  font-weight: var(--text-title-8xl-1-font-weight);
  font-size: var(--text-title-8xl-1-font-size);
  line-height: var(--text-title-8xl-1-line-height);
  letter-spacing: var(--text-title-8xl-1-letter-spacing);
}
.title-5xl-1 {
  font-family: var(--text-title-5xl-1-font-family);
  font-weight: var(--text-title-5xl-1-font-weight);
  font-size: var(--text-title-5xl-1-font-size);
  line-height: var(--text-title-5xl-1-line-height);
  letter-spacing: var(--text-title-5xl-1-letter-spacing);
}
.title-5xl-2 {
  font-family: var(--text-title-5xl-2-font-family);
  font-weight: var(--text-title-5xl-2-font-weight);
  font-size: var(--text-title-5xl-2-font-size);
  line-height: var(--text-title-5xl-2-line-height);
  letter-spacing: var(--text-title-5xl-2-letter-spacing);
}
.title-5xl-3 {
  font-family: var(--text-title-5xl-3-font-family);
  font-weight: var(--text-title-5xl-3-font-weight);
  font-size: var(--text-title-5xl-3-font-size);
  line-height: var(--text-title-5xl-3-line-height);
  letter-spacing: var(--text-title-5xl-3-letter-spacing);
}
.title-4xl-1 {
  font-family: var(--text-title-4xl-1-font-family);
  font-weight: var(--text-title-4xl-1-font-weight);
  font-size: var(--text-title-4xl-1-font-size);
  line-height: var(--text-title-4xl-1-line-height);
  letter-spacing: var(--text-title-4xl-1-letter-spacing);
}
.title-3xl-1 {
  font-family: var(--text-title-3xl-1-font-family);
  font-weight: var(--text-title-3xl-1-font-weight);
  font-size: var(--text-title-3xl-1-font-size);
  line-height: var(--text-title-3xl-1-line-height);
  letter-spacing: var(--text-title-3xl-1-letter-spacing);
}
.title-3xl-2 {
  font-family: var(--text-title-3xl-2-font-family);
  font-weight: var(--text-title-3xl-2-font-weight);
  font-size: var(--text-title-3xl-2-font-size);
  line-height: var(--text-title-3xl-2-line-height);
  letter-spacing: var(--text-title-3xl-2-letter-spacing);
}
.title-2xl-1 {
  font-family: var(--text-title-2xl-1-font-family);
  font-weight: var(--text-title-2xl-1-font-weight);
  font-size: var(--text-title-2xl-1-font-size);
  line-height: var(--text-title-2xl-1-line-height);
  letter-spacing: var(--text-title-2xl-1-letter-spacing);
}
.title-xl-1 {
  font-family: var(--text-title-xl-1-font-family);
  font-weight: var(--text-title-xl-1-font-weight);
  font-size: var(--text-title-xl-1-font-size);
  line-height: var(--text-title-xl-1-line-height);
  letter-spacing: var(--text-title-xl-1-letter-spacing);
}
.title-lg-1 {
  font-family: var(--text-title-lg-1-font-family);
  font-weight: var(--text-title-lg-1-font-weight);
  font-size: var(--text-title-lg-1-font-size);
  line-height: var(--text-title-lg-1-line-height);
  letter-spacing: var(--text-title-lg-1-letter-spacing);
}
.title-lg-2 {
  font-family: var(--text-title-lg-2-font-family);
  font-weight: var(--text-title-lg-2-font-weight);
  font-size: var(--text-title-lg-2-font-size);
  line-height: var(--text-title-lg-2-line-height);
  letter-spacing: var(--text-title-lg-2-letter-spacing);
}
.title-lg-3 {
  font-family: var(--text-title-lg-3-font-family);
  font-weight: var(--text-title-lg-3-font-weight);
  font-size: var(--text-title-lg-3-font-size);
  line-height: var(--text-title-lg-3-line-height);
  letter-spacing: var(--text-title-lg-3-letter-spacing);
}
.title-lg-4 {
  font-family: var(--text-title-lg-4-font-family);
  font-weight: var(--text-title-lg-4-font-weight);
  font-size: var(--text-title-lg-4-font-size);
  line-height: var(--text-title-lg-4-line-height);
  letter-spacing: var(--text-title-lg-4-letter-spacing);
}
.title-md-1 {
  font-family: var(--text-title-md-1-font-family);
  font-weight: var(--text-title-md-1-font-weight);
  font-size: var(--text-title-md-1-font-size);
  line-height: var(--text-title-md-1-line-height);
  letter-spacing: var(--text-title-md-1-letter-spacing);
}
.title-md-2 {
  font-family: var(--text-title-md-2-font-family);
  font-weight: var(--text-title-md-2-font-weight);
  font-size: var(--text-title-md-2-font-size);
  line-height: var(--text-title-md-2-line-height);
  letter-spacing: var(--text-title-md-2-letter-spacing);
}
.title-md-3 {
  font-family: var(--text-title-md-3-font-family);
  font-weight: var(--text-title-md-3-font-weight);
  font-size: var(--text-title-md-3-font-size);
  line-height: var(--text-title-md-3-line-height);
  letter-spacing: var(--text-title-md-3-letter-spacing);
}
.title-sm-1 {
  font-family: var(--text-title-sm-1-font-family);
  font-weight: var(--text-title-sm-1-font-weight);
  font-size: var(--text-title-sm-1-font-size);
  line-height: var(--text-title-sm-1-line-height);
  letter-spacing: var(--text-title-sm-1-letter-spacing);
}
.title-xs-1 {
  font-family: var(--text-title-xs-1-font-family);
  font-weight: var(--text-title-xs-1-font-weight);
  font-size: var(--text-title-xs-1-font-size);
  line-height: var(--text-title-xs-1-line-height);
  letter-spacing: var(--text-title-xs-1-letter-spacing);
}
.title-xs-2 {
  font-family: var(--text-title-xs-2-font-family);
  font-weight: var(--text-title-xs-2-font-weight);
  font-size: var(--text-title-xs-2-font-size);
  line-height: var(--text-title-xs-2-line-height);
  letter-spacing: var(--text-title-xs-2-letter-spacing);
}
.body-2xl-1 {
  font-family: var(--text-body-2xl-1-font-family);
  font-weight: var(--text-body-2xl-1-font-weight);
  font-size: var(--text-body-2xl-1-font-size);
  line-height: var(--text-body-2xl-1-line-height);
  letter-spacing: var(--text-body-2xl-1-letter-spacing);
}
.body-xl-1 {
  font-family: var(--text-body-xl-1-font-family);
  font-weight: var(--text-body-xl-1-font-weight);
  font-size: var(--text-body-xl-1-font-size);
  line-height: var(--text-body-xl-1-line-height);
  letter-spacing: var(--text-body-xl-1-letter-spacing);
}
.body-lg-1 {
  font-family: var(--text-body-lg-1-font-family);
  font-weight: var(--text-body-lg-1-font-weight);
  font-size: var(--text-body-lg-1-font-size);
  line-height: var(--text-body-lg-1-line-height);
  letter-spacing: var(--text-body-lg-1-letter-spacing);
}
.body-lg-2 {
  font-family: var(--text-body-lg-2-font-family);
  font-weight: var(--text-body-lg-2-font-weight);
  font-size: var(--text-body-lg-2-font-size);
  line-height: var(--text-body-lg-2-line-height);
  letter-spacing: var(--text-body-lg-2-letter-spacing);
}
.body-lg-3 {
  font-family: var(--text-body-lg-3-font-family);
  font-weight: var(--text-body-lg-3-font-weight);
  font-size: var(--text-body-lg-3-font-size);
  line-height: var(--text-body-lg-3-line-height);
  letter-spacing: var(--text-body-lg-3-letter-spacing);
}
.body-lg-4 {
  font-family: var(--text-body-lg-4-font-family);
  font-weight: var(--text-body-lg-4-font-weight);
  font-size: var(--text-body-lg-4-font-size);
  line-height: var(--text-body-lg-4-line-height);
  letter-spacing: var(--text-body-lg-4-letter-spacing);
}
.body-lg-5 {
  font-family: var(--text-body-lg-5-font-family);
  font-weight: var(--text-body-lg-5-font-weight);
  font-size: var(--text-body-lg-5-font-size);
  line-height: var(--text-body-lg-5-line-height);
  letter-spacing: var(--text-body-lg-5-letter-spacing);
}
.body-lg-6 {
  font-family: var(--text-body-lg-6-font-family);
  font-weight: var(--text-body-lg-6-font-weight);
  font-size: var(--text-body-lg-6-font-size);
  line-height: var(--text-body-lg-6-line-height);
  letter-spacing: var(--text-body-lg-6-letter-spacing);
}
.body-lg-7 {
  font-family: var(--text-body-lg-7-font-family);
  font-weight: var(--text-body-lg-7-font-weight);
  font-size: var(--text-body-lg-7-font-size);
  line-height: var(--text-body-lg-7-line-height);
  letter-spacing: var(--text-body-lg-7-letter-spacing);
}
.body-base-1 {
  font-family: var(--text-body-base-1-font-family);
  font-weight: var(--text-body-base-1-font-weight);
  font-size: var(--text-body-base-1-font-size);
  line-height: var(--text-body-base-1-line-height);
  letter-spacing: var(--text-body-base-1-letter-spacing);
}
.body-base-2 {
  font-family: var(--text-body-base-2-font-family);
  font-weight: var(--text-body-base-2-font-weight);
  font-size: var(--text-body-base-2-font-size);
  line-height: var(--text-body-base-2-line-height);
  letter-spacing: var(--text-body-base-2-letter-spacing);
}
.body-base-3 {
  font-family: var(--text-body-base-3-font-family);
  font-weight: var(--text-body-base-3-font-weight);
  font-size: var(--text-body-base-3-font-size);
  line-height: var(--text-body-base-3-line-height);
  letter-spacing: var(--text-body-base-3-letter-spacing);
}
.body-base-4 {
  font-family: var(--text-body-base-4-font-family);
  font-weight: var(--text-body-base-4-font-weight);
  font-size: var(--text-body-base-4-font-size);
  line-height: var(--text-body-base-4-line-height);
  letter-spacing: var(--text-body-base-4-letter-spacing);
}
.body-base-5 {
  font-family: var(--text-body-base-5-font-family);
  font-weight: var(--text-body-base-5-font-weight);
  font-size: var(--text-body-base-5-font-size);
  line-height: var(--text-body-base-5-line-height);
  letter-spacing: var(--text-body-base-5-letter-spacing);
}
.body-base-6 {
  font-family: var(--text-body-base-6-font-family);
  font-weight: var(--text-body-base-6-font-weight);
  font-size: var(--text-body-base-6-font-size);
  line-height: var(--text-body-base-6-line-height);
  letter-spacing: var(--text-body-base-6-letter-spacing);
}
.body-sm-1 {
  font-family: var(--text-body-sm-1-font-family);
  font-weight: var(--text-body-sm-1-font-weight);
  font-size: var(--text-body-sm-1-font-size);
  line-height: var(--text-body-sm-1-line-height);
  letter-spacing: var(--text-body-sm-1-letter-spacing);
}
.body-sm-2 {
  font-family: var(--text-body-sm-2-font-family);
  font-weight: var(--text-body-sm-2-font-weight);
  font-size: var(--text-body-sm-2-font-size);
  line-height: var(--text-body-sm-2-line-height);
  letter-spacing: var(--text-body-sm-2-letter-spacing);
}
.body-sm-3 {
  font-family: var(--text-body-sm-3-font-family);
  font-weight: var(--text-body-sm-3-font-weight);
  font-size: var(--text-body-sm-3-font-size);
  line-height: var(--text-body-sm-3-line-height);
  letter-spacing: var(--text-body-sm-3-letter-spacing);
}
.body-xs-1 {
  font-family: var(--text-body-xs-1-font-family);
  font-weight: var(--text-body-xs-1-font-weight);
  font-size: var(--text-body-xs-1-font-size);
  line-height: var(--text-body-xs-1-line-height);
  letter-spacing: var(--text-body-xs-1-letter-spacing);
}
.button-style-1 {
  background-color: var(--button-style-1-bg);
  color: var(--button-style-1-text);
  border-color: var(--button-style-1-border);
  &:hover {
    background-color: var(--button-style-1-bg-hover);
    color: var(--button-style-1-text-hover);
    border-color: var(--button-style-1-border-hover);
  }
}
.button-style-2 {
  background-color: var(--button-style-2-bg);
  color: var(--button-style-2-text);
  border-color: var(--button-style-2-border);
  &:hover {
    background-color: var(--button-style-2-bg-hover);
    color: var(--button-style-2-text-hover);
    border-color: var(--button-style-2-border-hover);
  }
}
.button-style-3 {
  background-color: var(--button-style-3-bg);
  color: var(--button-style-3-text);
  border-color: var(--button-style-3-border);
  &:hover {
    background-color: var(--button-style-3-bg-hover);
    color: var(--button-style-3-text-hover);
    border-color: var(--button-style-3-border-hover);
  }
}
.button-style-4 {
  background-color: var(--button-style-4-bg);
  color: var(--button-style-4-text);
  border-color: var(--button-style-4-border);
  &:hover {
    background-color: var(--button-style-4-bg-hover);
    color: var(--button-style-4-text-hover);
    border-color: var(--button-style-4-border-hover);
  }
}
.button-style-5 {
  background-color: var(--button-style-5-bg);
  color: var(--button-style-5-text);
  border-color: var(--button-style-5-border);
  &:hover {
    background-color: var(--button-style-5-bg-hover);
    color: var(--button-style-5-text-hover);
    border-color: var(--button-style-5-border-hover);
  }
}
.button-style-6 {
  background-color: var(--button-style-6-bg);
  color: var(--button-style-6-text);
  border-color: var(--button-style-6-border);
  &:hover {
    background-color: var(--button-style-6-bg-hover);
    color: var(--button-style-6-text-hover);
    border-color: var(--button-style-6-border-hover);
  }
}
.button-style-7 {
  background-color: var(--button-style-7-bg);
  color: var(--button-style-7-text);
  border-color: var(--button-style-7-border);
  &:hover {
    background-color: var(--button-style-7-bg-hover);
    color: var(--button-style-7-text-hover);
    border-color: var(--button-style-7-border-hover);
  }
}