: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--font-family: "", sans-serif;
  --text--font-weight: ;
  --text--font-size: rem;
  --text--line-height: %;
  --text--letter-spacing: em;
      --text-default-font-sans-serif-font-family: "", sans-serif;
  --text-default-font-sans-serif-font-weight: ;
  --text-default-font-sans-serif-font-size: rem;
  --text-default-font-sans-serif-line-height: %;
  --text-default-font-sans-serif-letter-spacing: em;
      --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: 500;
  --text-title-8xl-1-font-size: 7.5rem;
  --text-title-8xl-1-line-height: 125%;
  --text-title-8xl-1-letter-spacing: 0.2em;
      --text-title-5xl-1-font-family: "Inconsolata", sans-serif;
  --text-title-5xl-1-font-weight: 500;
  --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: 400;
  --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-9xl-1-letter-spacing: em;
            --text-title-8xl-1-font-size: 3.25rem;
          --text-title-8xl-1-letter-spacing: 0em;
            --text-title-5xl-1-font-size: 1.5rem;
          --text-title-5xl-1-letter-spacing: em;
            --text-title-5xl-2-font-size: 2.5rem;
          --text-title-5xl-2-letter-spacing: em;
            --text-title-5xl-3-font-size: 2rem;
          --text-title-5xl-3-letter-spacing: em;
            --text-title-4xl-1-font-size: 3rem;
          --text-title-4xl-1-letter-spacing: em;
            --text-title-3xl-1-font-size: 3rem;
          --text-title-3xl-1-letter-spacing: em;
            --text-title-3xl-2-font-size: 2rem;
          --text-title-3xl-2-letter-spacing: em;
                --text-title-2xl-1-letter-spacing: em;
            --text-title-xl-1-font-size: 2.5rem;
          --text-title-xl-1-letter-spacing: em;
            --text-title-lg-1-font-size: 2rem;
          --text-title-lg-1-letter-spacing: em;
            --text-title-lg-2-font-size: 2rem;
          --text-title-lg-2-letter-spacing: em;
                --text-title-lg-3-letter-spacing: em;
                --text-title-lg-4-letter-spacing: em;
            --text-title-md-1-font-size: 2.5rem;
          --text-title-md-1-letter-spacing: em;
                --text-title-md-2-letter-spacing: em;
            --text-title-md-3-font-size: 1.75rem;
          --text-title-md-3-letter-spacing: em;
            --text-title-sm-1-font-size: 1.5rem;
          --text-title-sm-1-letter-spacing: em;
                --text-title-xs-1-letter-spacing: em;
                --text-title-xs-2-letter-spacing: em;
                --text-body-2xl-1-letter-spacing: em;
                --text-body-xl-1-letter-spacing: em;
                --text-body-lg-1-letter-spacing: em;
                --text-body-lg-2-letter-spacing: em;
                --text-body-lg-3-letter-spacing: em;
                --text-body-lg-4-letter-spacing: em;
                --text-body-lg-5-letter-spacing: em;
                --text-body-lg-6-letter-spacing: em;
                --text-body-lg-7-letter-spacing: em;
                --text-body-base-1-letter-spacing: em;
                --text-body-base-2-letter-spacing: em;
                --text-body-base-3-letter-spacing: em;
                --text-body-base-4-letter-spacing: em;
                --text-body-base-5-letter-spacing: em;
                --text-body-base-6-letter-spacing: em;
                --text-body-sm-1-letter-spacing: em;
                --text-body-sm-2-letter-spacing: em;
                --text-body-sm-3-letter-spacing: em;
                --text-body-xs-1-letter-spacing: em;
              }
}


.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);
    }
  }