:root {
  /* color palette */
  --theme--colors--white: #ffffff;
  --theme--colors--gray--100: #f7fafc;
  --theme--colors--gray--200: #edf2f7;
  --theme--colors--gray--300: #e2e8f0;
  --theme--colors--gray--400: #cbd5e0;
  --theme--colors--gray--500: #a0aec0;
  --theme--colors--gray--600: #718096;
  --theme--colors--gray--700: #4a5568;
  --theme--colors--gray--800: #2d3748;
  --theme--colors--gray--900: #1a202c;
  --theme--colors--primary--100: #faf5ff;
  --theme--colors--primary--200: #e9d8fd;
  --theme--colors--primary--300: #d6bcfa;
  --theme--colors--primary--400: #b794f4;
  --theme--colors--primary--500: #9f7aea;
  --theme--colors--primary--600: #805ad5;
  --theme--colors--primary--700: #6b46c1;
  --theme--colors--primary--800: #553c9a;
  --theme--colors--primary--900: #44337a;
  --theme--colors--success--100: #f0fff4;
  --theme--colors--success--200: #c6f6d5;
  --theme--colors--success--300: #9ae6b4;
  --theme--colors--success--400: #68d391;
  --theme--colors--success--500: #48bb78;
  --theme--colors--success--600: #38a169;
  --theme--colors--success--700: #2f855a;
  --theme--colors--success--800: #276749;
  --theme--colors--success--900: #22543d;
  --theme--colors--warning--100: #fffaf0;
  --theme--colors--warning--200: #feebc8;
  --theme--colors--warning--300: #fbd38d;
  --theme--colors--warning--400: #f6ad55;
  --theme--colors--warning--500: #ed8936;
  --theme--colors--warning--600: #dd6b20;
  --theme--colors--warning--700: #c05621;
  --theme--colors--warning--800: #9c4221;
  --theme--colors--warning--900: #7b341e;
  --theme--colors--danger--100: #fff5f5;
  --theme--colors--danger--200: #fed7d7;
  --theme--colors--danger--300: #feb2b2;
  --theme--colors--danger--400: #fc8181;
  --theme--colors--danger--500: #f56565;
  --theme--colors--danger--600: #e53e3e;
  --theme--colors--danger--700: #c53030;
  --theme--colors--danger--800: #9b2c2c;
  --theme--colors--danger--900: #742a2a;
  /* spacing */
  --theme--spacing--grid--margin: 2rem;
  --theme--spacing--block--margin: 3rem;
  --theme--spacing--column--padding-x: 2rem;
  --theme--spacing--column--padding-y: 2rem;
  --theme--spacing--element--margin: 1.5rem;
  /* borders */
  --theme--borders--element--border-radius: 0.375rem;
  /* effects */
  --theme--effects--shadow-none--box-shadow: none;
  --theme--effects--shadow--box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --theme--effects--shadow-xs--box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  --theme--effects--shadow-sm--box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --theme--effects--shadow-md--box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --theme--effects--shadow-lg--box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --theme--effects--shadow-xl--box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --theme--effects--shadow-2xl--box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --theme--effects--shadow-3xl--box-shadow: 0 5px 15px #0000001f;
  --theme--effects--shadow-outline--box-shadow: 0 0 0 2px var(--theme--colors--gray--400);
  --theme--effects--animation--transition-duration: 250ms;
  /**********/
  /* LAYOUT */
  /**********/
  /* page */
  --layout--page--body--max-width-container: 1280px;
  --layout--page--header--max-width-container: var(--layout--page--body--max-width-container);
  --layout--page--body--background-color: var(--theme--colors--gray--200);
  --layout--page--footer--max-width-container: var(--layout--page--body--max-width-container);
  /* main */
  --layout--main--container--padding-y: 2rem;
  --layout--main--container--margin-bottom: 0rem;
  /* main home */
  --layout--main--container-home--padding-y: 2rem;
  --layout--main--container-home--margin-bottom: 0rem;
  /************/
  /* ELEMENTS */
  /************/
  /* headings */
  --elements--headings--page-heading--color: var(--elements--body-text--body--color);
  --elements--headings--page-heading--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
      "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --elements--headings--page-heading--font-weight: 700;
  --elements--headings--page-heading--font-size: 1.5rem;
  --elements--headings--page-heading--line-height: 1.75rem;
  --elements--headings--page-heading--text-transform: none;
  --elements--headings--page-heading--letter-spacing: 0px;
  --elements--headings--page-heading--margin-bottom: 0rem;
  --elements--headings--page-subheading--color: var(--elements--body-text--body--color);
  --elements--headings--page-subheading--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
      "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --elements--headings--page-subheading--font-weight: 700;
  --elements--headings--page-subheading--font-size: 1.25rem;
  --elements--headings--page-subheading--line-height: 1.625rem;
  --elements--headings--page-subheading--text-transform: none;
  --elements--headings--page-subheading--letter-spacing: 0px;
  --elements--headings--page-subheading--margin-bottom: 1rem;
  --elements--headings--header-heading--color: var(--elements--body-text--body--color);
  --elements--headings--header-heading--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
      "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --elements--headings--header-heading--font-weight: 700;
  --elements--headings--header-heading--font-size: 1.75rem;
  --elements--headings--header-heading--line-height: 2rem;
  --elements--headings--header-heading--text-transform: none;
  --elements--headings--header-heading--letter-spacing: 0px;
  --elements--headings--header-heading--margin-bottom: 0rem;
  --elements--headings--header-subheading--color: var(--elements--body-text--body--color);
  --elements--headings--header-subheading--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
      "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --elements--headings--header-subheading--font-weight: 600;
  --elements--headings--header-subheading--font-size: 0.875rem;
  --elements--headings--header-subheading--line-height: 1.5rem;
  --elements--headings--header-subheading--text-transform: uppercase;
  --elements--headings--header-subheading--letter-spacing: 1px;
  --elements--headings--header-subheading--margin-bottom: 0.25rem;
  --elements--headings--header-subheading--opacity: 0.8;
  --elements--headings--content-heading--color: var(--elements--body-text--body--color);
  --elements--headings--content-heading--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
      "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --elements--headings--content-heading--font-weight: 700;
  --elements--headings--content-heading--font-size: 1.5rem;
  --elements--headings--content-heading--line-height: 1.75rem;
  --elements--headings--content-heading--text-transform: none;
  --elements--headings--content-heading--letter-spacing: 0px;
  --elements--headings--content-heading--margin-bottom: 0.75rem;
  --elements--headings--content-heading--opacity: 1;
  --elements--headings--content-subheading--color: var(--elements--body-text--body--color);
  --elements--headings--content-subheading--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
      "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --elements--headings--content-subheading--font-weight: 600;
  --elements--headings--content-subheading--font-size: 0.875rem;
  --elements--headings--content-subheading--line-height: 1.5rem;
  --elements--headings--content-subheading--text-transform: uppercase;
  --elements--headings--content-subheading--letter-spacing: 1px;
  --elements--headings--content-subheading--margin-bottom: 0.25rem;
  --elements--headings--content-subheading--opacity: 0.8;
  --elements--headings--item-heading--color: var(--elements--body-text--body--color);
  --elements--headings--item-heading--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
      "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --elements--headings--item-heading--font-weight: 700;
  --elements--headings--item-heading--font-size: 1.25rem;
  --elements--headings--item-heading--line-height: 1.65rem;
  --elements--headings--item-heading--text-transform: none;
  --elements--headings--item-heading--letter-spacing: 0px;
  --elements--headings--item-heading--margin-bottom: 0rem;
  --elements--headings--item-subheading--color: var(--elements--body-text--body--color);
  --elements--headings--item-subheading--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
      "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --elements--headings--item-subheading--font-weight: 600;
  --elements--headings--item-subheading--font-size: 0.875rem;
  --elements--headings--item-subheading--line-height: 1.5rem;
  --elements--headings--item-subheading--text-transform: uppercase;
  --elements--headings--item-subheading--letter-spacing: 1px;
  --elements--headings--item-subheading--margin-bottom: 0.25rem;
  --elements--headings--item-subheading--opacity: 1;
  --elements--headings--footer-heading--color: var(--elements--body-text--body--color);
  --elements--headings--footer-heading--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
      "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --elements--headings--footer-heading--font-weight: 700;
  --elements--headings--footer-heading--font-size: 0.875rem;
  --elements--headings--footer-heading--line-height: 1.5rem;
  --elements--headings--footer-heading--text-transform: none;
  --elements--headings--footer-heading--letter-spacing: 0px;
  --elements--headings--footer-heading--margin-bottom: 0rem;
  --elements--headings--footer-subheading--color: var(--elements--body-text--body--color);
  --elements--headings--footer-subheading--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
      "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --elements--headings--footer-subheading--font-weight: 700;
  --elements--headings--footer-subheading--font-size: 0.875rem;
  --elements--headings--footer-subheading--line-height: 1.5rem;
  --elements--headings--footer-subheading--text-transform: none;
  --elements--headings--footer-subheading--letter-spacing: 0px;
  --elements--headings--footer-subheading--margin-bottom: 0rem;
  /* body text */
  --elements--body-text--heading-1--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
      "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --elements--body-text--heading-1--font-weight: 700;
  --elements--body-text--heading-1--font-size: 1.5rem;
  --elements--body-text--heading-1--line-height: 1.75rem;
  --elements--body-text--heading-1--color: var(--elements--body-text--body--color);
  --elements--body-text--heading-1--text-transform: none;
  --elements--body-text--heading-1--letter-spacing: 0px;
  --elements--body-text--heading-1--margin-bottom: 0rem;
  --elements--body-text--heading-2--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
      "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --elements--body-text--heading-2--font-weight: 700;
  --elements--body-text--heading-2--font-size: 1.25rem;
  --elements--body-text--heading-2--line-height: 1.625rem;
  --elements--body-text--heading-2--color: var(--elements--body-text--body--color);
  --elements--body-text--heading-2--text-transform: none;
  --elements--body-text--heading-2--letter-spacing: 0px;
  --elements--body-text--heading-2--margin-bottom: 0rem;
  --elements--body-text--heading-3--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
      "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --elements--body-text--heading-3--font-weight: 700;
  --elements--body-text--heading-3--font-size: 1.125rem;
  --elements--body-text--heading-3--line-height: 1.5rem;
  --elements--body-text--heading-3--color: var(--elements--body-text--body--color);
  --elements--body-text--heading-3--text-transform: none;
  --elements--body-text--heading-3--letter-spacing: 0px;
  --elements--body-text--heading-3--margin-bottom: 0rem;
  --elements--body-text--heading-4--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
      "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --elements--body-text--heading-4--font-weight: 700;
  --elements--body-text--heading-4--font-size: 1rem;
  --elements--body-text--heading-4--line-height: 1.375rem;
  --elements--body-text--heading-4--color: var(--elements--body-text--body--color);
  --elements--body-text--heading-4--text-transform: none;
  --elements--body-text--heading-4--letter-spacing: 0px;
  --elements--body-text--heading-4--margin-bottom: 0rem;
  --elements--body-text--body--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
      "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --elements--body-text--body--font-size: 0.875rem;
  --elements--body-text--body--font-weight: 400;
  --elements--body-text--body--line-height: 1.5rem;
  --elements--body-text--body--color: var(--theme--colors--gray--800);
  --elements--body-text--body--letter-spacing: 0px;
  --elements--body-text--paragraph--margin-bottom: var(--theme--spacing--element--margin);
  --elements--body-text--link--color: var(--theme--colors--primary--600);
  --elements--body-text--link--color-hover: var(--theme--colors--primary--800);
  --elements--body-text--link--text-decoration: underline;
  /* legends */
  --elements--legends--legend--background-color: transparent;
  --elements--legends--legend--border-color: var(--theme--colors--gray--400);
  --elements--legends--legend--border-bottom-width: 1px;
  --elements--legends--legend--border-left-width: 0px;
  --elements--legends--legend--border-right-width: 0px;
  --elements--legends--legend--border-top-width: 0px;
  --elements--legends--legend--border-radius: 0rem;
  --elements--legends--legend--color: var(--theme--colors--primary--600);
  --elements--legends--legend--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
      "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --elements--legends--legend--font-size: 1rem;
  --elements--legends--legend--font-weight: 600;
  --elements--legends--legend--text-transform: none;
  --elements--legends--legend--letter-spacing: 0px;
  --elements--legends--legend--padding-x: 0rem;
  --elements--legends--legend--padding-y: 0.75rem;
  --elements--legends--legend-sm--background-color: transparent;
  --elements--legends--legend-sm--border-color: var(--theme--colors--gray--400);
  --elements--legends--legend-sm--border-bottom-width: 1px;
  --elements--legends--legend-sm--border-left-width: 0px;
  --elements--legends--legend-sm--border-right-width: 0px;
  --elements--legends--legend-sm--border-top-width: 0px;
  --elements--legends--legend-sm--border-radius: 0rem;
  --elements--legends--legend-sm--color: var(--theme--colors--gray--500);
  --elements--legends--legend-sm--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
      "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --elements--legends--legend-sm--font-size: 0.75rem;
  --elements--legends--legend-sm--font-weight: 700;
  --elements--legends--legend-sm--text-transform: uppercase;
  --elements--legends--legend-sm--letter-spacing: 0px;
  --elements--legends--legend-sm--padding-x: 0rem;
  --elements--legends--legend-sm--padding-y: 0.5rem;
  /* alert */
  --elements--alerts--container--border-bottom-width: 0px;
  --elements--alerts--container--border-left-width: 4px;
  --elements--alerts--container--border-right-width: 0px;
  --elements--alerts--container--border-top-width: 0px;
  --elements--alerts--container--border-radius: var(--theme--borders--element--border-radius);
  --elements--alerts--container--box-shadow: var(--theme--effects--shadow--box-shadow);
  --elements--alerts--default-container--background-color: #ffffff;
  --elements--alerts--default-container--border-color: var(--theme--colors--gray--600);
  --elements--alerts--default-container--color-title: var(--theme--colors--gray--600);
  --elements--alerts--default-container--color-text: var(--theme--colors--gray--800);
  --elements--alerts--primary-container--background-color: #ffffff;
  --elements--alerts--primary-container--border-color: var(--theme--colors--primary--600);
  --elements--alerts--primary-container--color-title: var(--theme--colors--primary--600);
  --elements--alerts--primary-container--color-text: var(--theme--colors--gray--800);
  --elements--alerts--success-container--background-color: #ffffff;
  --elements--alerts--success-container--border-color: var(--theme--colors--success--600);
  --elements--alerts--success-container--color-title: var(--theme--colors--success--600);
  --elements--alerts--success-container--color-text: var(--theme--colors--gray--800);
  --elements--alerts--warning-container--background-color: #ffffff;
  --elements--alerts--warning-container--border-color: var(--theme--colors--warning--600);
  --elements--alerts--warning-container--color-title: var(--theme--colors--warning--600);
  --elements--alerts--warning-container--color-text: var(--theme--colors--gray--800);
  --elements--alerts--danger-container--background-color: #ffffff;
  --elements--alerts--danger-container--border-color: var(--theme--colors--danger--600);
  --elements--alerts--danger-container--color-title: var(--theme--colors--danger--600);
  --elements--alerts--danger-container--color-text: var(--theme--colors--gray--800);
  /* badges */
  --elements--badges--container--border-bottom-width: 0px;
  --elements--badges--container--border-left-width: 0px;
  --elements--badges--container--border-right-width: 0px;
  --elements--badges--container--border-top-width: 0px;
  --elements--badges--container--border-radius: var(--theme--borders--element--border-radius);
  --elements--badges--container--box-shadow: none;
  --elements--badges--container--letter-spacing: 0px;
  --elements--badges--container--text-transform: uppercase;
  --elements--badges--default-container--background-color: var(--theme--colors--gray--200);
  --elements--badges--default-container--border-color: var(--theme--colors--gray--200);
  --elements--badges--default-container--color: var(--theme--colors--gray--800);
  --elements--badges--default-container--font-size: 0.5rem;
  --elements--badges--default-container--font-weight: 700;
  --elements--badges--default-large-container--font-size: 0.625rem;
  --elements--badges--primary-container--background-color: var(--theme--colors--primary--200);
  --elements--badges--primary-container--border-color: var(--theme--colors--primary--200);
  --elements--badges--primary-container--color: var(--theme--colors--primary--800);
  --elements--badges--success-container--background-color: var(--theme--colors--success--200);
  --elements--badges--success-container--border-color: var(--theme--colors--success--200);
  --elements--badges--success-container--color: var(--theme--colors--success--700);
  --elements--badges--warning-container--background-color: var(--theme--colors--warning--200);
  --elements--badges--warning-container--border-color: var(--theme--colors--warning--200);
  --elements--badges--warning-container--color: var(--theme--colors--warning--700);
  --elements--badges--danger-container--background-color: var(--theme--colors--danger--200);
  --elements--badges--danger-container--border-color: var(--theme--colors--danger--200);
  --elements--badges--danger-container--color: var(--theme--colors--danger--700);
  /* boxes */
  --elements--boxes--container--background-color: #ffffff;
  --elements--boxes--container--background-color-hover: #ffffff;
  --elements--boxes--container--background-color-active: #ffffff;
  --elements--boxes--container--color: var(--theme--colors--gray--800);
  --elements--boxes--container--color-hover: var(--theme--colors--gray--800);
  --elements--boxes--container--color-active: var(--theme--colors--gray--800);
  --elements--boxes--container--border-color: var(--theme--colors--gray--300);
  --elements--boxes--container--border-color-hover: var(--theme--colors--gray--400);
  --elements--boxes--container--border-color-active: var(--theme--colors--primary--600);
  --elements--boxes--container--border-width: 1px;
  --elements--boxes--container--box-shadow: none;
  /* buttons */
  --elements--buttons--button--border-bottom-width: 1px;
  --elements--buttons--button--border-left-width: 1px;
  --elements--buttons--button--border-right-width: 1px;
  --elements--buttons--button--border-top-width: 1px;
  --elements--buttons--button--border-radius: var(--theme--borders--element--border-radius);
  --elements--buttons--button--box-shadow: var(--theme--effects--shadow-sm--box-shadow);
  --elements--buttons--button--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
      "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --elements--buttons--button--font-size: 0.75rem;
  --elements--buttons--button--font-weight: 400;
  --elements--buttons--button--letter-spacing: 0px;
  --elements--buttons--button--text-transform: uppercase;
  --elements--buttons--button--padding-x: 1.25rem;
  --elements--buttons--button--padding-y: 0.5rem;
  --elements--buttons--button-small--font-size: 0.75rem;
  --elements--buttons--button-small--padding-x: 1rem;
  --elements--buttons--button-small--padding-y: 0.5rem;
  --elements--buttons--default--background-color: var(--theme--colors--gray--600);
  --elements--buttons--default--background-color-hover: var(--theme--colors--gray--700);
  --elements--buttons--default--border-color: var(--theme--colors--gray--600);
  --elements--buttons--default--border-color-hover: var(--theme--colors--gray--700);
  --elements--buttons--default--color: #ffffff;
  --elements--buttons--default--color-hover: #ffffff;
  --elements--buttons--light--background-color: var(--theme--colors--gray--200);
  --elements--buttons--light--background-color-hover: var(--theme--colors--gray--300);
  --elements--buttons--light--border-color: var(--theme--colors--gray--200);
  --elements--buttons--light--border-color-hover: var(--theme--colors--gray--300);
  --elements--buttons--light--color: var(--theme--colors--gray--700);
  --elements--buttons--light--color-hover: var(--theme--colors--gray--900);
  --elements--buttons--primary--background-color: var(--theme--colors--primary--600);
  --elements--buttons--primary--background-color-hover: var(--theme--colors--primary--700);
  --elements--buttons--primary--border-color: var(--theme--colors--primary--600);
  --elements--buttons--primary--border-color-hover: var(--theme--colors--primary--700);
  --elements--buttons--primary--color: #ffffff;
  --elements--buttons--primary--color-hover: #ffffff;
  --elements--buttons--success--background-color: var(--theme--colors--success--600);
  --elements--buttons--success--background-color-hover: var(--theme--colors--success--700);
  --elements--buttons--success--border-color: var(--theme--colors--success--600);
  --elements--buttons--success--border-color-hover: var(--theme--colors--success--700);
  --elements--buttons--success--color: #ffffff;
  --elements--buttons--success--color-hover: #ffffff;
  --elements--buttons--danger--background-color: var(--theme--colors--danger--600);
  --elements--buttons--danger--background-color-hover: var(--theme--colors--danger--700);
  --elements--buttons--danger--border-color: var(--theme--colors--danger--600);
  --elements--buttons--danger--border-color-hover: var(--theme--colors--danger--700);
  --elements--buttons--danger--color: #ffffff;
  --elements--buttons--danger--color-hover: #ffffff;
  --elements--buttons--transparent--background-color-hover: var(--theme--colors--gray--200);
  --elements--buttons--transparent--border-color-hover: var(--theme--colors--gray--200);
  --elements--buttons--transparent--color: var(--theme--colors--gray--600);
  --elements--buttons--transparent--color-hover: var(--theme--colors--gray--900);
  --elements--buttons--outline-default--background-color: transparent;
  --elements--buttons--outline-default--background-color-hover: transparent;
  --elements--buttons--outline-default--border-color: var(--theme--colors--gray--400);
  --elements--buttons--outline-default--border-color-hover: var(--theme--colors--gray--500);
  --elements--buttons--outline-default--color: var(--theme--colors--gray--600);
  --elements--buttons--outline-default--color-hover: var(--theme--colors--gray--800);
  --elements--buttons--outline-primary--border-color: var(--theme--colors--primary--600);
  --elements--buttons--outline-primary--border-color-hover: var(--theme--colors--primary--700);
  --elements--buttons--outline-primary--color: var(--theme--colors--primary--600);
  --elements--buttons--outline-primary--color-hover: var(--theme--colors--primary--700);
  --elements--buttons--outline-success--border-color: var(--theme--colors--success--600);
  --elements--buttons--outline-success--border-color-hover: var(--theme--colors--success--700);
  --elements--buttons--outline-success--color: var(--theme--colors--success--600);
  --elements--buttons--outline-success--color-hover: var(--theme--colors--success--700);
  --elements--buttons--outline-danger--border-color: var(--theme--colors--danger--600);
  --elements--buttons--outline-danger--border-color-hover: var(--theme--colors--danger--700);
  --elements--buttons--outline-danger--color: var(--theme--colors--danger--600);
  --elements--buttons--outline-danger--color-hover: var(--theme--colors--danger--700);
  --elements--buttons--link--color: var(--theme--colors--gray--700);
  --elements--buttons--link--color-hover: var(--theme--colors--gray--900);
  --elements--buttons--button--min-width: 0;
  --elements--buttons--button--height: auto;
  --elements--buttons--button--line-height: 1.5rem;
  --elements--buttons--button--transition-duration: var(--theme--effects--animation--transition-duration);
  /* cards */
  --elements--cards--legend--color: var(--elements--legends--legend--color);
  --elements--cards--legend--font-size: var(--elements--legends--legend--font-size);
  --elements--cards--legend--font-weight: var(--elements--legends--legend--font-weight);
  --elements--cards--legend--text-transform: var(--elements--legends--legend--text-transform);
  --elements--cards--legend--letter-spacing: var(--elements--legends--legend--letter-spacing);
  --elements--cards--legend--margin-bottom: 0rem;
  --elements--cards--container--background-color: #ffffff;
  --elements--cards--container--border-color: transparent;
  --elements--cards--container--border-bottom-width: 0px;
  --elements--cards--container--border-left-width: 0px;
  --elements--cards--container--border-right-width: 0px;
  --elements--cards--container--border-top-width: 0px;
  --elements--cards--container--border-radius: var(--theme--borders--element--border-radius);
  --elements--cards--container--box-shadow: var(--theme--effects--shadow--box-shadow);
  --elements--cards--container--color: var(--theme--colors--gray--800);
  --elements--cards--label--background-color: var(--theme--colors--primary--600);
  --elements--cards--label--border-color: transparent;
  --elements--cards--label--border-width: 0px;
  --elements--cards--label--border-radius: var(--theme--borders--element--border-radius);
  --elements--cards--label--box-shadow: var(--theme--effects--shadow--box-shadow);
  --elements--cards--label--color: #ffffff;
  --elements--cards--label--font-size: 0.625rem;
  --elements--cards--label--font-weight: 600;
  --elements--cards--label--text-transform: uppercase;
  --elements--cards--header--border-color: var(--theme--colors--gray--300);
  --elements--cards--header--border-width: 1px;
  --elements--cards--header--color: var(--theme--colors--primary--600);
  --elements--cards--header--font-size: 1.125rem;
  --elements--cards--header--padding-x: var(--theme--spacing--column--padding-x);
  --elements--cards--header--padding-y: var(--theme--spacing--column--padding-y);
  --elements--cards--header--text-transform: none;
  --elements--cards--image--background-color: transparent;
  --elements--cards--image--height: 15rem;
  --elements--cards--image--aspect-ratio: auto;
  --elements--cards--image--object-fit: contain;
  --elements--cards--image--object-position: center;
  --elements--cards--image--min-width: auto;
  --elements--cards--image--padding-x: var(--theme--spacing--column--padding-x);
  --elements--cards--image--padding-y: var(--theme--spacing--column--padding-y);
  --elements--cards--label--top: calc(var(--theme--spacing--element--margin) / 2);
  --elements--cards--label--left: calc(0rem - var(--theme--spacing--element--margin) / 2);
  --elements--cards--wish-list-icon--color: var(--theme--colors--gray--500);
  --elements--cards--wish-list-icon--color-hover: var(--theme--colors--gray--800);
  --elements--cards--body--padding-x: var(--theme--spacing--column--padding-x);
  --elements--cards--body--padding-y: var(--theme--spacing--column--padding-y);
  --elements--cards--title--color: var(--theme--colors--gray--800);
  --elements--cards--title--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu",
      "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --elements--cards--title--font-size: 0.875rem;
  --elements--cards--title--font-weight: 700;
  --elements--cards--title--line-height: var(--elements--body-text--body--line-height);
  --elements--cards--title--text-transform: none;
  --elements--cards--sub-title--color: var(--theme--colors--gray--800);
  --elements--cards--sub-title--font-size: 0.875rem;
  --elements--cards--sub-title--line-height: var(--elements--body-text--body--line-height);
  --elements--cards--sub-title--text-transform: none;
  --elements--cards--sub-sub-title--color: var(--theme--colors--gray--600);
  --elements--cards--sub-sub-title--font-size: 0.75rem;
  --elements--cards--sub-sub-title--line-height: var(--elements--body-text--body--line-height);
  --elements--cards--sub-sub-title--text-transform: none;
  --elements--cards--text-stock--font-size: 0.75rem;
  --elements--cards--text-stock--font-weight: 700;
  --elements--cards--text-stock--text-transform: none;
  --elements--cards--text-stock-success--color: var(--theme--colors--success--600);
  --elements--cards--text-stock-danger--color: var(--theme--colors--danger--600);
  --elements--cards--text-price--color: var(--theme--colors--success--600);
  --elements--cards--text-price--font-size: 1rem;
  --elements--cards--text-price--font-weight: 700;
  --elements--cards--footer--border-color: var(--theme--colors--gray--300);
  --elements--cards--footer--border-width: 1px;
  --elements--cards--footer--color: var(--theme--colors--gray--800);
  --elements--cards--footer--padding-x: var(--theme--spacing--column--padding-x);
  --elements--cards--footer--padding-y: var(--theme--spacing--column--padding-y);
  --elements--cards--swiper-navigation--background-color: var(--theme--colors--gray--500);
  --elements--cards--swiper-navigation--color: #ffffff;
  --elements--cards--swiper-navigation--border-color: var(--theme--colors--gray--100);
  --elements--cards--swiper-navigation--border-width: 1px;
  --elements--cards--swiper-navigation--border-radius: 1.25rem;
  --elements--cards--swiper-navigation--width: 2.5rem;
  --elements--cards--swiper-navigation--height: 2.5rem;
  --elements--cards--swiper-navigation--size: 0.75rem;
  --elements--cards--swiper-navigation--font-weight: 700;
  --elements--cards--swiper-navigation--background-color-hover: var(--theme--colors--gray--500);
  --elements--cards--swiper-navigation--border-color-hover: var(--theme--colors--gray--100);
  --elements--cards--swiper-navigation--color-hover: #ffffff;
  /* forms */
  --elements--forms--field-group-heading--color: var(--theme--colors--primary--500);
  --elements--forms--field-group-heading--font-size: 0.875rem;
  --elements--forms--field-group-heading--font-weight: 600;
  --elements--forms--field-group-heading--letter-spacing: 0px;
  --elements--forms--field-group-heading--text-transform: none;
  --elements--forms--row--border-color: var(--theme--colors--gray--200);
  --elements--forms--row--border-width: 0px;
  --elements--forms--legend--border-color: var(--theme--colors--gray--200);
  --elements--forms--legend--border-width: 1px;
  --elements--forms--legend--color: var(--theme--colors--gray--600);
  --elements--forms--legend--font-size: 0.875rem;
  --elements--forms--legend--font-weight: 400;
  --elements--forms--legend--letter-spacing: 0px;
  --elements--forms--legend--text-transform: uppercase;
  --elements--forms--info--color: var(--theme--colors--gray--700);
  --elements--forms--label--color: var(--theme--colors--gray--600);
  --elements--forms--label--font-family: var(--elements--body-text--body--font-family);
  --elements--forms--label--font-size: 0.875rem;
  --elements--forms--label--font-weight: 700;
  --elements--forms--label--letter-spacing: 0px;
  --elements--forms--label--text-transform: none;
  --elements--forms--control--background-color: var(--theme--colors--gray--100);
  --elements--forms--control--background-color-focus: #ffffff;
  --elements--forms--control--border-color: var(--theme--colors--gray--400);
  --elements--forms--control--border-color-focus: var(--theme--colors--gray--500);
  --elements--forms--control--border-bottom-width: 1px;
  --elements--forms--control--border-left-width: 1px;
  --elements--forms--control--border-right-width: 1px;
  --elements--forms--control--border-top-width: 1px;
  --elements--forms--control--border-radius: var(--theme--borders--element--border-radius);
  --elements--forms--control--box-shadow: var(--theme--effects--shadow-sm--box-shadow);
  --elements--forms--control--color: var(--theme--colors--gray--800);
  --elements--forms--control-placeholder--color: var(--theme--colors--gray--500);
  --elements--forms--control-focus--border-width: 2px;
  --elements--forms--radio-checkbox--background-color: #ffffff;
  --elements--forms--radio-checkbox--background-color-focus: var(--theme--colors--primary--600);
  --elements--forms--radio-checkbox--border-color: var(--elements--forms--control--border-color);
  --elements--forms--radio-checkbox--border-color-focus: var(--theme--colors--primary--600);
  --elements--forms--radio-checkbox--border-width: 1px;
  --elements--forms--radio-checkbox--border-radius: 0.25rem;
  --elements--forms--radio-checkbox--box-shadow: var(--theme--effects--shadow-sm--box-shadow);
  --elements--forms--submit-button--align: flex-start;
  --elements--forms--control--height: 2.25rem;
  --elements--forms--control--padding-x: 0.625rem;
  --elements--forms--control--padding-y: 0.5rem;
  --elements--forms--control--line-height: 1.125rem;
  --elements--forms--control--font-size: 1rem;
  --elements--forms--radio-checkbox--size: 1.25rem;
  /* dropdown */
  --elements--dropdown--button--color: var(--theme--colors--gray--800);
  --elements--dropdown--button--color-hover: var(--theme--colors--gray--800);
  --elements--dropdown--button--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
      "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --elements--dropdown--button--font-size: 0.875rem;
  --elements--dropdown--button--font-weight: 400;
  --elements--dropdown--button--letter-spacing: 0px;
  --elements--dropdown--button--text-transform: none;
  --elements--dropdown--button-arrow--color: var(--theme--colors--gray--500);
  --elements--dropdown--menu--background-color: #ffffff;
  --elements--dropdown--menu--border-color: var(--theme--colors--gray--200);
  --elements--dropdown--menu--border-radius: var(--theme--borders--element--border-radius);
  --elements--dropdown--menu--border-width: 1px;
  --elements--dropdown--menu--box-shadow: var(--theme--effects--shadow-xl--box-shadow);
  --elements--dropdown--item--background-color-hover: var(--theme--colors--gray--100);
  --elements--dropdown--item--border-color: var(--theme--colors--gray--200);
  --elements--dropdown--item--border-width: 1px;
  --elements--dropdown--item--color: var(--theme--colors--gray--700);
  --elements--dropdown--item--color-hover: var(--theme--colors--gray--900);
  --elements--dropdown--item--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu",
      "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --elements--dropdown--item--font-size: 0.875rem;
  --elements--dropdown--item--font-weight: 400;
  --elements--dropdown--item--letter-spacing: 0px;
  --elements--dropdown--item--text-transform: none;
  /* modals */
  --elements--modals--backdrop--background-color: var(--theme--colors--gray--800);
  --elements--modals--container--background-color: #ffffff;
  --elements--modals--container--padding-x: 1.5rem;
  --elements--modals--container--box-shadow: var(--theme--effects--shadow-xl--box-shadow);
  --elements--modals--header--border-color: var(--theme--colors--gray--200);
  --elements--modals--header--border-width: 1px;
  --elements--modals--title--color: var(--theme--colors--gray--900);
  --elements--modals--title--font-size: 1.125rem;
  --elements--modals--title--font-weight: 400;
  --elements--modals--title--letter-spacing: 0px;
  --elements--modals--title--text-transform: none;
  --elements--modals--close-icon--color: var(--theme--colors--gray--900);
  --elements--modals--body--color: var(--theme--colors--gray--700);
  --elements--modals--footer--border-color: var(--theme--colors--gray--200);
  --elements--modals--footer--border-width: 1px;
  /* drawers */
  --elements--drawers--panel--background-color: var(--elements--cards--container--background-color);
  --elements--drawers--panel--width: 28rem;
  --elements--drawers--panel--box-shadow: var(--theme--effects--shadow-xl--box-shadow);
  --elements--drawers--backdrop--background-color: rgba(0, 0, 0, 0.5);
  --elements--drawers--scrollbar--background-color: var(--theme--colors--gray--300);
  --elements--drawers--header--padding-x: var(--theme--spacing--column--padding-x);
  --elements--drawers--header--padding-y: 1.5rem;
  --elements--drawers--header--border-color: var(--elements--cards--container--border-color);
  --elements--drawers--title--font-family: var(--elements--body-text--heading-2--font-family);
  --elements--drawers--title--font-size: 1.5rem;
  --elements--drawers--title--font-weight: 700;
  --elements--drawers--title--color: var(--elements--body-text--heading-2--color);
  --elements--drawers--close--color: var(--elements--body-text--body--color);
  --elements--drawers--close--background-color: var(--elements--cards--container--background-color);
  --elements--drawers--body--padding-x: var(--theme--spacing--column--padding-x);
  --elements--drawers--body--padding-y: var(--theme--spacing--column--padding-y);
  --elements--drawers--footer--padding-x: var(--theme--spacing--column--padding-x);
  --elements--drawers--footer--padding-y: var(--theme--spacing--column--padding-y);
  --elements--drawers--footer--border-color: var(--elements--cards--container--border-color);
  --elements--drawers--stepper--background-color: var(--elements--forms--control--background-color);
  --elements--drawers--stepper--border-color: var(--elements--forms--control--border-color);
  --elements--drawers--stepper--border-radius: 999px;
  --elements--drawers--count--background-color: var(--theme--colors--primary--600);
  --elements--drawers--count--color: var(--theme--colors--primary--100);
  --elements--drawers--free-shipping-text--color: var(--elements--body-text--body--color);
  --elements--drawers--free-shipping-text--font-size: 0.875rem;
  --elements--drawers--free-shipping-bar--background-color: var(--theme--colors--gray--200);
  --elements--drawers--free-shipping-bar--height: 0.375rem;
  --elements--drawers--free-shipping-progress--background-color: var(--theme--colors--primary--600);
  --elements--drawers--product--border-color: var(--elements--cards--container--border-color);
  --elements--drawers--product-image--width: 4.5rem;
  --elements--drawers--product-image--height: 4.5rem;
  --elements--drawers--product-image--border-radius: var(--theme--borders--element--border-radius);
  --elements--drawers--product-image--background-color: var(--elements--cards--image--background-color);
  --elements--drawers--product-image--object-fit: cover;
  --elements--drawers--product-name--color: var(--elements--body-text--body--color);
  --elements--drawers--product-name--font-size: 1rem;
  --elements--drawers--product-name--font-weight: 500;
  --elements--drawers--product-features--color: var(--theme--colors--gray--600);
  --elements--drawers--product-features--font-size: 0.875rem;
  --elements--drawers--product-remove--color: var(--theme--colors--gray--500);
  --elements--drawers--product-total--color: var(--elements--body-text--body--color);
  --elements--drawers--product-total--font-weight: 700;
  --elements--drawers--product-discount--color: var(--theme--colors--success--600);
  --elements--drawers--product-discount--font-size: 0.875rem;
  --elements--drawers--related--margin-top: 2rem;
  --elements--drawers--summary-row--color: var(--theme--colors--gray--700);
  --elements--drawers--summary-row--font-size: 0.875rem;
  --elements--drawers--total--color: var(--elements--body-text--body--color);
  --elements--drawers--total--font-size: 1.125rem;
  --elements--drawers--total--font-weight: 700;
  --elements--drawers--price--color: var(--elements--body-text--body--color);
  --elements--drawers--price--font-size: 1.25rem;
  --elements--drawers--price--font-weight: 700;
  --elements--drawers--price-old--color: var(--theme--colors--gray--500);
  --elements--drawers--price-old--font-size: 1rem;
  --elements--drawers--price-exc-or-inc--color: var(--theme--colors--gray--600);
  --elements--drawers--price-exc-or-inc--font-family: var(--elements--body-text--body--font-family);
  --elements--drawers--price-exc-or-inc--font-size: 0.875rem;
  --elements--drawers--price-exc-or-inc--font-weight: 400;
  --elements--drawers--price-exc-or-inc--line-height: 1.4;
  --elements--drawers--price-exc-or-inc--letter-spacing: 0;
  --elements--drawers--stock--color: var(--elements--body-text--body--color);
  --elements--drawers--stock--font-size: 0.9375rem;
  --elements--drawers--description--color: var(--elements--body-text--body--color);
  --elements--drawers--description--font-size: 0.9375rem;
  --elements--drawers--feature-name--color: var(--elements--body-text--body--color);
  --elements--drawers--feature-value--background-color: var(--elements--cards--container--background-color);
  --elements--drawers--feature-value--border-color: var(--elements--cards--container--border-color);
  --elements--drawers--feature-value--color: var(--elements--body-text--body--color);
  --elements--drawers--add-button--background-color: var(--theme--colors--gray--100);
  --elements--drawers--add-button--color: var(--elements--body-text--body--color);
  --elements--drawers--add-button--border-color: var(--theme--colors--gray--200);
  --elements--drawers--gallery-slide--background-color: var(--theme--colors--gray--100);
  --elements--drawers--gallery-slide--border-radius: var(--theme--borders--element--border-radius);
  --elements--drawers--details-link--background-color: var(--elements--drawers--panel--background-color);
  --elements--drawers--details-link--color: var(--elements--body-text--body--color);
  --elements--drawers--details-link--border-color: var(--elements--cards--container--border-color);
  --elements--drawers--details-link-hover--background-color: var(--theme--colors--gray--100);
  --elements--drawers--details-link--padding-top: 1.5rem;
  --elements--drawers--details-link--padding-bottom: 1.5rem;
  --elements--drawers--spinner--border-color: var(--theme--colors--gray--200);
  --elements--drawers--spinner--color: var(--theme--colors--primary--600);
  --elements--drawers--price--margin-top: 1.5rem;
  --elements--drawers--price-exc-or-inc--margin-top: 0.25rem;
  --elements--drawers--stock--margin-top: 1.5rem;
  --elements--drawers--description--margin-top: 1.5rem;
  --elements--drawers--features--margin-top: 1.5rem;
  --elements--drawers--form--margin-top: 1.5rem;
  /* selections */
  --elements--selections--item--background-color: var(--theme--colors--gray--100);
  --elements--selections--item--background-color-hover: var(--theme--colors--gray--100);
  --elements--selections--item--background-color-active: var(--theme--colors--gray--200);
  --elements--selections--item--border-color: var(--theme--colors--gray--300);
  --elements--selections--item--border-width: 1px;
  --elements--selections--item--border-color-hover: var(--theme--colors--gray--400);
  --elements--selections--item--border-width-hover: 1px;
  --elements--selections--item--border-color-active: var(--theme--colors--primary--600);
  --elements--selections--item--border-width-active: 1px;
  --elements--selections--item--box-shadow: none;
  --elements--selections--item--color: var(--theme--colors--gray--700);
  --elements--selections--item--color-hover: var(--theme--colors--gray--900);
  --elements--selections--item--color-active: var(--theme--colors--gray--900);
  --elements--selections--icon--color-active: var(--theme--colors--primary--700);
  /* tables */
  --elements--tables--container--background-color: #ffffff;
  --elements--tables--container--border-color: #ffffff;
  --elements--tables--container--border-width: 0px;
  --elements--tables--container--border-radius: var(--theme--borders--element--border-radius);
  --elements--tables--container--box-shadow: var(--theme--effects--shadow--box-shadow);
  --elements--tables--header-column--background-color: #ffffff;
  --elements--tables--header-column--border-bottom-color: var(--theme--colors--gray--300);
  --elements--tables--header-column--color: var(--theme--colors--gray--600);
  --elements--tables--header-column--font-size: 0.875rem;
  --elements--tables--header-column--font-weight: 400;
  --elements--tables--header-column--letter-spacing: 0px;
  --elements--tables--header-column--text-transform: none;
  --elements--tables--column--border-bottom-color: var(--theme--colors--gray--200);
  --elements--tables--column--color: var(--theme--colors--gray--800);
  --elements--tables--column--font-size: 0.875rem;
  --elements--tables--column--font-weight: 400;
  --elements--tables--column--letter-spacing: 0px;
  --elements--tables--column--text-transform: none;
  --elements--tables--column-link--color: var(--theme--colors--primary--600);
  --elements--tables--column-link--text-decoration: none;
  --elements--tables--column-link--color-hover: var(--theme--colors--primary--800);
  --elements--tables--column-link--text-decoration-hover: underline;
  --elements--tables--column-total--color: var(--theme--colors--success--600);
  --elements--tables--column-total--font-size: 1.125rem;
  --elements--tables--column-total--font-weight: 400;
  --elements--tables--column-total--letter-spacing: 0px;
  --elements--tables--column-total--text-transform: none;
  --elements--tables--footer-column--border-bottom-color: var(--theme--colors--gray--300);
  /* features */
  --elements--features--container--border-radius: var(--theme--borders--element--border-radius);
  --elements--features--container--box-shadow: none;
  --elements--features--container--height: 16rem;
  --elements--features--body--background-color: var(--theme--colors--gray--900);
  --elements--features--body--opacity: 0.5;
  --elements--features--title--color: #ffffff;
  --elements--features--title--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
      "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --elements--features--title--font-size: 0.875rem;
  --elements--features--title--font-weight: bold;
  --elements--features--title--text-transform: uppercase;
  --elements--features--text--color: #ffffff;
  --elements--features--text--font-size: 0.875rem;
  --elements--features--text--margin-top: 0rem;
  /* images */
  --elements--images--image-cover--background-color: #000000;
  --elements--images--image-cover--opacity: 0.2;
  /* sliders */
  --elements--sliders--navigation--color: var(--theme--colors--gray--600);
  /**************/
  /* components */
  /**************/
  /* suggested search */
  --components--search--container--background-color: var(--theme--colors--gray--100);
  --components--search--container--border-radius: 0rem;
  --components--search--container--box-shadow: var(--theme--effects--shadow-lg--box-shadow);
  --components--search--heading--color: var(--theme--colors--gray--600);
  --components--search--item-parent-name--color: var(--theme--colors--gray--500);
  --components--search--item--background-color: transparent;
  --components--search--item--background-color-hover: var(--theme--colors--gray--200);
  --components--search--item--border-color: var(--theme--colors--gray--200);
  --components--search--item--border-width: 1px;
  --components--search--item--color: var(--theme--colors--gray--700);
  --components--search--item--color-hover: var(--theme--colors--gray--900);
  --components--search--item--padding-x: 0.5rem;
  --components--search--item--padding-y: 1rem;
  --components--search--item-alt--color: var(--theme--colors--gray--500);
  --components--search--item-alt--color-hover: var(--theme--colors--gray--600);
  --components--search--item-price--color: var(--theme--colors--gray--700);
  --components--search--item-price--color-hover: var(--theme--colors--gray--900);
  --components--search-searched-word--background-color: transparent;
  /* breadcrumb */
  --components--breadcrumb--arrow--color: var(--theme--colors--gray--600);
  --components--breadcrumb--item--color: var(--theme--colors--primary--600);
  --components--breadcrumb--item--color-hover: var(--theme--colors--primary--800);
  --components--breadcrumb--item--color-active: var(--theme--colors--gray--600);
  --components--breadcrumb--item--text-decoration: underline;
  --components--breadcrumb--container--border-color: transparent;
  --components--breadcrumb--container--border-width: 0px;
  --components--breadcrumb--container--padding-bottom: 0rem;
  --components--breadcrumb--container--margin-bottom: 0rem;
  /* paging */
  --components--paging--item--background-color: transparent;
  --components--paging--item--border-color: transparent;
  --components--paging--item--border-width: 0px;
  --components--paging--item--border-radius: var(--theme--borders--element--border-radius);
  --components--paging--item--color: var(--theme--colors--gray--800);
  --components--paging--item-hover--background-color: var(--theme--colors--gray--400);
  --components--paging--item-hover--border-color: var(--theme--colors--gray--400);
  --components--paging--item-hover--color: var(--theme--colors--gray--900);
  --components--paging--item-active--background-color: var(--theme--colors--primary--600);
  --components--paging--item-active--border-color: var(--theme--colors--primary--600);
  --components--paging--item-active--color: #ffffff;
  /*********/
  /* pages */
  /*********/
  --pages--products--list--margin-top: var(--theme--spacing--block--margin);
  --pages--products--category-title--margin-top: var(--theme--spacing--element--margin);
  --pages--products--sorting--margin-top: var(--theme--spacing--element--margin);
  --pages--products--category-card--background-color: var(--elements--cards--container--background-color);
  --pages--products--category-card--box-shadow: var(--elements--cards--container--box-shadow);
  --pages--products--category-nav-header--background-color: var(--theme--colors--gray--100);
  --pages--products--category-nav-header--color: var(--theme--colors--primary--600);
  --pages--products--category-nav-header--font-size: 0.75rem;
  --pages--products--category-nav-header--font-weight: bold;
  --pages--products--category-nav-header--text-transform: uppercase;
  --pages--products--category-nav-item--background-color: transparent;
  --pages--products--category-nav-item--background-color-hover: var(--theme--colors--gray--100);
  --pages--products--category-nav-item--color: var(--theme--colors--primary--600);
  --pages--products--category-nav-item--color-hover: var(--elements--body-text--link--color-hover);
  --pages--products--category-nav-item--font-size: 0.875rem;
  --pages--products--more-handler--font-weight: var(--elements--body-text--body--font-weight);
  --pages--products--category-more-handler--background-color: transparent;
  --pages--products--category-more-handler--border-color: var(--theme--colors--gray--200);
  --pages--products--category-more-handler--border-top-width: 1px;
  --pages--products--category-more-handler--padding-y: 0.875rem;
  --pages--products--category-more-handler--padding-x: 1.25rem;
  --pages--product-details--price--color: var(--theme--colors--success--600);
  --pages--product-details--price--font-size: 0.875rem;
  --pages--product-details--price--font-weight: 700;
  --pages--product-details--usp--color: var(--theme--colors--success--600);
  --pages--product-details--tabs--border-color: var(--theme--colors--gray--400);
  --pages--product-details--tabs--border-bottom-width: 1px;
  --pages--product-details--tab--color: var(--theme--colors--gray--600);
  --pages--product-details--tab--font-size: 0.875rem;
  --pages--product-details--tab--font-weight: 700;
  --pages--product-details--tab-hover--color: var(--theme--colors--gray--800);
  --pages--product-details--tab-active--color: var(--theme--colors--primary--600);
  --pages--product-details--swiper-navigation--width: 2rem;
  --pages--product-details--swiper-navigation--height: 2rem;
  --pages--product-details--swiper-navigation--size: 0.75rem;
  --pages--product-details--hr--border-color: var(--theme--colors--gray--400);
  --pages--product-details--thumbnail--border-color: var(--theme--colors--gray--400);
  --pages--product-details--button-fixed--background-color: #ffffff;
  --pages--news--list--margin-top: var(--theme--spacing--block--margin);
}

@media (min-width: 1024px) {
  :root {
    /* typography */
    --elements--body-text--heading-1--font-size: 1.5rem;
    --elements--body-text--heading-1--line-height: 1.75rem;
    --elements--body-text--heading-1--margin-bottom: 0rem;
    --elements--body-text--heading-2--font-size: 1.25rem;
    --elements--body-text--heading-2--line-height: 1.625rem;
    --elements--body-text--heading-2--margin-bottom: 0rem;
    --elements--body-text--heading-3--font-size: 1.125rem;
    --elements--body-text--heading-3--line-height: 1.5rem;
    --elements--body-text--heading-3--margin-bottom: 0rem;
    --elements--body-text--heading-4--font-size: 1rem;
    --elements--body-text--heading-4--line-height: 1.375rem;
    --elements--body-text--heading-4--margin-bottom: 0rem;
    --elements--body-text--body--font-size: 0.875rem;
    --elements--body-text--body--line-height: 1.5rem;
    --elements--body-text--paragraph--margin-bottom: var(--theme--spacing--element--margin);
    /* spacing */
    --theme--spacing--grid--margin: 2.5rem;
    --theme--spacing--block--margin: 4rem;
    --theme--spacing--column--padding-x: 2.5rem;
    --theme--spacing--column--padding-y: 2.5rem;
    --theme--spacing--element--margin: 1.5rem;
    /* main */
    --layout--main--container--padding-y: 4rem;
    --layout--main--container--margin-bottom: 0rem;
    /* main home */
    --layout--main--container-home--padding-y: 2rem;
    --layout--main--container-home--margin-bottom: 0rem;
    /************/
    /* ELEMENTS */
    /************/
    --elements--buttons--button--padding-x: 1.25rem;
    --elements--buttons--button--padding-y: 0.5rem;
    /* forms */
    --elements--forms--control--height: 2.625rem;
    --elements--forms--control--line-height: 1.5rem;
    --elements--forms--control--font-size: 0.875rem;
    /* cards */
    --elements--cards--image--height: 15rem;
    --elements--cards--image--object-fit: contain;
    --elements--cards--image--object-position: center;
    --elements--cards--image--padding-x: var(--theme--spacing--column--padding-x);
    --elements--cards--image--padding-y: var(--theme--spacing--column--padding-y);
    --elements--cards--body--padding-x: var(--theme--spacing--column--padding-x);
    --elements--cards--body--padding-y: var(--theme--spacing--column--padding-y);
    --elements--cards--sub-title--font-size: 0.875rem;
    --elements--cards--title--font-size: 0.875rem;
    --elements--cards--text-price--font-size: 1rem;
    --elements--cards--footer--padding-x: var(--theme--spacing--column--padding-x);
    --elements--cards--footer--padding-y: var(--theme--spacing--column--padding-y);
    /***************/
    /* components */
    /***************/
    /* suggested search */
    --components--search--container--background-color: #ffffff;
    --components--search--container--border-radius: var(--theme--borders--element--border-radius);
  }
}