:root {
  /****************************************************************************************************************
    *Colors
    ****************************************************************************************************************/

  /*Shades Modifiers */
  --theme-var-shades-ultra-light: 90%;
  --theme-var-shades-light: 80%;
  --theme-var-shades-medium: 55%;
  --theme-var-shades-dark: 25%;
  --theme-var-shades-ultra-dark: 10%;
  --theme-var-shades-hover: 1.25;

  /*Primary Color*/
  --theme-var-colors-primary-rgb: rgb(62, 113, 114);
  --theme-var-colors-primary-h: 181;
  --theme-var-colors-primary-s: 30%;
  --theme-var-colors-primary-l: 35%;
  --theme-var-colors-primary-hsl: var(--theme-var-colors-primary-h),
    var(--theme-var-colors-primary-s), var(--theme-var-colors-primary-l);
  --theme-var-colors-primary: hsl(
    var(--theme-var-colors-primary-h),
    var(--theme-var-colors-primary-s),
    var(--theme-var-colors-primary-l)
  );

  --theme-var-colors-primary-shades-ultra-light: hsl(
    var(--theme-var-colors-primary-h) var(--theme-var-colors-primary-s)
      var(--theme-var-shades-ultra-light)
  );
  --theme-var-colors-primary-shades-light: hsl(
    var(--theme-var-colors-primary-h) var(--theme-var-colors-primary-s)
      var(--theme-var-shades-light)
  );
  --theme-var-colors-primary-shades-medium: hsl(
    var(--theme-var-colors-primary-h) var(--theme-var-colors-primary-s)
      var(--theme-var-shades-medium)
  );
  --theme-var-colors-primary-shades-dark: hsl(
    var(--theme-var-colors-primary-h) var(--theme-var-colors-primary-s)
      var(--theme-var-shades-dark)
  );
  --theme-var-colors-primary-shades-ultra-dark: hsl(
    var(--theme-var-colors-primary-h) var(--theme-var-colors-primary-s)
      var(--theme-var-shades-ultra-dark)
  );
  --theme-var-colors-primary-shades-hover: hsl(
    var(--theme-var-colors-primary-h)
      calc(var(--theme-var-colors-primary-s) * var(--theme-var-shades-hover))
      calc(var(--theme-var-colors-primary-l) * var(--theme-var-shades-hover))
  );

  /*Secondary Color */
  --theme-var-colors-secondary-rgb: rgb(37, 36, 34);
  --theme-var-colors-secondary-h: 40;
  --theme-var-colors-secondary-s: 4%;
  --theme-var-colors-secondary-l: 14%;
  --theme-var-colors-secondary-hsl: var(--theme-var-colors-secondary-h),
    var(--theme-var-colors-secondary-s), var(--theme-var-colors-secondary-l);
  --theme-var-colors-secondary: hsl(
    var(--theme-var-colors-secondary-h),
    var(--theme-var-colors-secondary-s),
    var(--theme-var-colors-secondary-l)
  );

  --theme-var-colors-secondary-shades-ultra-light: hsl(
    var(--theme-var-colors-secondary-h) var(--theme-var-colors-secondary-s)
      var(--theme-var-shades-ultra-light)
  );
  --theme-var-colors-secondary-shades-light: hsl(
    var(--theme-var-colors-secondary-h) var(--theme-var-colors-secondary-s)
      var(--theme-var-shades-light)
  );
  --theme-var-colors-secondary-shades-medium: hsl(
    var(--theme-var-colors-secondary-h) var(--theme-var-colors-secondary-s)
      var(--theme-var-shades-medium)
  );
  --theme-var-colors-secondary-shades-dark: hsl(
    var(--theme-var-colors-secondary-h) var(--theme-var-colors-secondary-s)
      var(--theme-var-shades-dark)
  );
  --theme-var-colors-secondary-shades-ultra-dark: hsl(
    var(--theme-var-colors-secondary-h) var(--theme-var-colors-secondary-s)
      var(--theme-var-shades-ultra-dark)
  );
  --theme-var-colors-secondary-shades-hover: hsl(
    var(--theme-var-colors-secondary-h)
      calc(var(--theme-var-colors-secondary-s) * var(--theme-var-shades-hover))
      calc(var(--theme-var-colors-secondary-l) * var(--theme-var-shades-hover))
  );

  /*Accent 1*/
  --theme-var-colors-accent1-rgb: rgb(162, 57, 30);
  --theme-var-colors-accent1-h: 12;
  --theme-var-colors-accent1-s: 69%;
  --theme-var-colors-accent1-l: 38%;
  --theme-var-colors-accent1-hsl: var(--theme-var-colors-accent1-h),
    var(--theme-var-colors-accent1-s), var(--theme-var-colors-accent1-l);
  --theme-var-colors-accent1: hsl(
    var(--theme-var-colors-accent1-h),
    var(--theme-var-colors-accent1-s),
    var(--theme-var-colors-accent1-l)
  );

  --theme-var-colors-accent1-shades-ultra-light: hsl(
    var(--theme-var-colors-accent1-h) var(--theme-var-colors-accent1-s)
      var(--theme-var-shades-ultra-light)
  );
  --theme-var-colors-accent1-shades-light: hsl(
    var(--theme-var-colors-accent1-h) var(--theme-var-colors-accent1-s)
      var(--theme-var-shades-light)
  );
  --theme-var-colors-accent1-shades-medium: hsl(
    var(--theme-var-colors-accent1-h) var(--theme-var-colors-accent1-s)
      var(--theme-var-shades-medium)
  );
  --theme-var-colors-accent1-shades-dark: hsl(
    var(--theme-var-colors-accent1-h) var(--theme-var-colors-accent1-s)
      var(--theme-var-shades-dark)
  );
  --theme-var-colors-accent1-shades-ultra-dark: hsl(
    var(--theme-var-colors-accent1-h) var(--theme-var-colors-accent1-s)
      var(--theme-var-shades-ultra-dark)
  );
  --theme-var-colors-accent1-shades-hover: hsl(
    var(--theme-var-colors-accent1-h)
      calc(var(--theme-var-colors-accent1-s) * var(--theme-var-shades-hover))
      calc(var(--theme-var-colors-accent1-l) * var(--theme-var-shades-hover))
  );

  /*Accent 2*/
  --theme-var-colors-accent2-rgb: rgb(203, 197, 186);
  --theme-var-colors-accent2-h: 39;
  --theme-var-colors-accent2-s: 14%;
  --theme-var-colors-accent2-l: 76%;
  --theme-var-colors-accent2-hsl: var(--theme-var-colors-accent2-h),
    var(--theme-var-colors-accent2-s), var(--theme-var-colors-accent2-l);
  --theme-var-colors-accent2: hsl(
    var(--theme-var-colors-accent2-h),
    var(--theme-var-colors-accent2-s),
    var(--theme-var-colors-accent2-l)
  );

  --theme-var-colors-accent2-shades-ultra-light: hsl(
    var(--theme-var-colors-accent2-h) var(--theme-var-colors-accent2-s)
      var(--theme-var-shades-ultra-light)
  );
  --theme-var-colors-accent2-shades-light: hsl(
    var(--theme-var-colors-accent2-h) var(--theme-var-colors-accent2-s)
      var(--theme-var-shades-light)
  );
  --theme-var-colors-accent2-shades-medium: hsl(
    var(--theme-var-colors-accent2-h) var(--theme-var-colors-accent2-s)
      var(--theme-var-shades-medium)
  );
  --theme-var-colors-accent2-shades-dark: hsl(
    var(--theme-var-colors-accent2-h) var(--theme-var-colors-accent2-s)
      var(--theme-var-shades-dark)
  );
  --theme-var-colors-accent2-shades-ultra-dark: hsl(
    var(--theme-var-colors-accent2-h) var(--theme-var-colors-accent2-s)
      var(--theme-var-shades-ultra-dark)
  );
  --theme-var-colors-accent2-shades-hover: hsl(
    var(--theme-var-colors-accent2-h)
      calc(var(--theme-var-colors-accent2-s) * var(--theme-var-shades-hover))
      calc(var(--theme-var-colors-accent2-l) * var(--theme-var-shades-hover))
  );

  /*Accent 3*/
  --theme-var-colors-accent3-rgb: rgb(254, 252, 243);
  --theme-var-colors-accent3-h: 49;
  --theme-var-colors-accent3-s: 85%;
  --theme-var-colors-accent3-l: 97%;
  --theme-var-colors-accent3-hsl: var(--theme-var-colors-accent3-h),
    var(--theme-var-colors-accent3-s), var(--theme-var-colors-accent3-l);
  --theme-var-colors-accent3: hsl(
    var(--theme-var-colors-accent3-h),
    var(--theme-var-colors-accent3-s),
    var(--theme-var-colors-accent3-l)
  );

  --theme-var-colors-accent3-shades-ultra-light: hsl(
    var(--theme-var-colors-accent3-h) var(--theme-var-colors-accent3-s)
      var(--theme-var-shades-ultra-light)
  );
  --theme-var-colors-accent3-shades-light: hsl(
    var(--theme-var-colors-accent3-h) var(--theme-var-colors-accent3-s)
      var(--theme-var-shades-light)
  );
  --theme-var-colors-accent3-shades-medium: hsl(
    var(--theme-var-colors-accent3-h) var(--theme-var-colors-accent3-s)
      var(--theme-var-shades-medium)
  );
  --theme-var-colors-accent3-shades-dark: hsl(
    var(--theme-var-colors-accent3-h) var(--theme-var-colors-accent3-s)
      var(--theme-var-shades-dark)
  );
  --theme-var-colors-accent3-shades-ultra-dark: hsl(
    var(--theme-var-colors-accent3-h) var(--theme-var-colors-accent3-s)
      var(--theme-var-shades-ultra-dark)
  );
  --theme-var-colors-accent3-shades-hover: hsl(
    var(--theme-var-colors-accent3-h)
      calc(var(--theme-var-colors-accent3-s) * var(--theme-var-shades-hover))
      calc(var(--theme-var-colors-accent3-l) * var(--theme-var-shades-hover))
  );

  /*Dark*/
  --theme-var-colors-dark-rgb: rgb(20, 20, 20);
  --theme-var-colors-dark-h: 0;
  --theme-var-colors-dark-s: 0%;
  --theme-var-colors-dark-l: 8%;
  --theme-var-colors-dark-hsl: var(--theme-var-colors-dark-h),
    var(--theme-var-colors-dark-s), var(--theme-var-colors-dark-l);
  --theme-var-colors-dark: hsl(
    var(--theme-var-colors-dark-h),
    var(--theme-var-colors-dark-s),
    var(--theme-var-colors-dark-l)
  );

  --theme-var-colors-dark-shades-ultra-light: hsl(
    var(--theme-var-colors-dark-h) var(--theme-var-colors-dark-s)
      var(--theme-var-shades-ultra-light)
  );
  --theme-var-colors-dark-shades-light: hsl(
    var(--theme-var-colors-dark-h) var(--theme-var-colors-dark-s)
      var(--theme-var-shades-light)
  );
  --theme-var-colors-dark-shades-medium: hsl(
    var(--theme-var-colors-dark-h) var(--theme-var-colors-dark-s)
      var(--theme-var-shades-medium)
  );
  --theme-var-colors-dark-shades-dark: hsl(
    var(--theme-var-colors-dark-h) var(--theme-var-colors-dark-s)
      var(--theme-var-shades-dark)
  );
  --theme-var-colors-dark-shades-ultra-dark: hsl(
    var(--theme-var-colors-dark-h) var(--theme-var-colors-dark-s)
      var(--theme-var-shades-ultra-dark)
  );
  --theme-var-colors-dark-shades-hover: hsl(
    var(--theme-var-colors-dark-h)
      calc(var(--theme-var-colors-dark-s) * var(--theme-var-shades-hover))
      calc(var(--theme-var-colors-dark-l) * var(--theme-var-shades-hover))
  );

  /*Info*/
  --theme-var-colors-info-rgb: rgb(13, 204, 242);
  --theme-var-colors-info-h: 190;
  --theme-var-colors-info-s: 90%;
  --theme-var-colors-info-l: 50%;
  --theme-var-colors-info-hsl: var(--theme-var-colors-info-h),
    var(--theme-var-colors-info-s), var(--theme-var-colors-info-l);
  --theme-var-colors-info: hsl(
    var(--theme-var-colors-info-h),
    var(--theme-var-colors-info-s),
    var(--theme-var-colors-info-l)
  );

  --theme-var-colors-info-shades-ultra-light: hsl(
    var(--theme-var-colors-info-h) var(--theme-var-colors-info-s)
      var(--theme-var-shades-ultra-light)
  );
  --theme-var-colors-info-shades-light: hsl(
    var(--theme-var-colors-info-h) var(--theme-var-colors-info-s)
      var(--theme-var-shades-light)
  );
  --theme-var-colors-info-shades-medium: hsl(
    var(--theme-var-colors-info-h) var(--theme-var-colors-info-s)
      var(--theme-var-shades-medium)
  );
  --theme-var-colors-info-shades-dark: hsl(
    var(--theme-var-colors-info-h) var(--theme-var-colors-info-s)
      var(--theme-var-shades-dark)
  );
  --theme-var-colors-info-shades-ultra-dark: hsl(
    var(--theme-var-colors-info-h) var(--theme-var-colors-info-s)
      var(--theme-var-shades-ultra-dark)
  );
  --theme-var-colors-info-shades-hover: hsl(
    var(--theme-var-colors-info-h)
      calc(var(--theme-var-colors-info-s) * var(--theme-var-shades-hover))
      calc(var(--theme-var-colors-info-l) * var(--theme-var-shades-hover))
  );

  /*Light*/
  --theme-var-colors-light-rgb: rgb(247, 247, 247);
  --theme-var-colors-light-h: 0;
  --theme-var-colors-light-s: 0%;
  --theme-var-colors-light-l: 97%;
  --theme-var-colors-light-hsl: var(--theme-var-colors-light-h),
    var(--theme-var-colors-light-s), var(--theme-var-colors-light-l);
  --theme-var-colors-light: hsl(
    var(--theme-var-colors-light-h),
    var(--theme-var-colors-light-s),
    var(--theme-var-colors-light-l)
  );

  --theme-var-colors-light-shades-ultra-light: hsl(
    var(--theme-var-colors-light-h) var(--theme-var-colors-light-s)
      var(--theme-var-shades-ultra-light)
  );
  --theme-var-colors-light-shades-light: hsl(
    var(--theme-var-colors-light-h) var(--theme-var-colors-light-s)
      var(--theme-var-shades-light)
  );
  --theme-var-colors-light-shades-medium: hsl(
    var(--theme-var-colors-light-h) var(--theme-var-colors-light-s)
      var(--theme-var-shades-medium)
  );
  --theme-var-colors-light-shades-dark: hsl(
    var(--theme-var-colors-light-h) var(--theme-var-colors-light-s)
      var(--theme-var-shades-dark)
  );
  --theme-var-colors-light-shades-ultra-dark: hsl(
    var(--theme-var-colors-light-h) var(--theme-var-colors-light-s)
      var(--theme-var-shades-ultra-dark)
  );
  --theme-var-colors-light-shades-hover: hsl(
    var(--theme-var-colors-light-h)
      calc(var(--theme-var-colors-light-s) * var(--theme-var-shades-hover))
      calc(var(--theme-var-colors-light-l) * var(--theme-var-shades-hover))
  );

  /*Muted*/
  --theme-var-colors-muted-rgb: rgb(238, 238, 238);
  --theme-var-colors-muted-h: 0;
  --theme-var-colors-muted-s: 0%;
  --theme-var-colors-muted-l: 93%;
  --theme-var-colors-muted-hsl: var(--theme-var-colors-muted-h),
    var(--theme-var-colors-muted-s), var(--theme-var-colors-muted-l);
  --theme-var-colors-muted: hsl(
    var(--theme-var-colors-muted-h),
    var(--theme-var-colors-muted-s),
    var(--theme-var-colors-muted-l)
  );

  --theme-var-colors-muted-shades-ultra-light: hsl(
    var(--theme-var-colors-muted-h) var(--theme-var-colors-muted-s)
      var(--theme-var-shades-ultra-light)
  );
  --theme-var-colors-muted-shades-light: hsl(
    var(--theme-var-colors-muted-h) var(--theme-var-colors-muted-s)
      var(--theme-var-shades-light)
  );
  --theme-var-colors-muted-shades-medium: hsl(
    var(--theme-var-colors-muted-h) var(--theme-var-colors-muted-s)
      var(--theme-var-shades-medium)
  );
  --theme-var-colors-muted-shades-dark: hsl(
    var(--theme-var-colors-muted-h) var(--theme-var-colors-muted-s)
      var(--theme-var-shades-dark)
  );
  --theme-var-colors-muted-shades-ultra-dark: hsl(
    var(--theme-var-colors-muted-h) var(--theme-var-colors-muted-s)
      var(--theme-var-shades-ultra-dark)
  );
  --theme-var-colors-muted-shades-hover: hsl(
    var(--theme-var-colors-muted-h)
      calc(var(--theme-var-colors-muted-s) * var(--theme-var-shades-hover))
      calc(var(--theme-var-colors-muted-l) * var(--theme-var-shades-hover))
  );

  /*Success*/
  --theme-var-colors-success-rgb: rgb(74, 190, 109);
  --theme-var-colors-success-h: 138;
  --theme-var-colors-success-s: 47%;
  --theme-var-colors-success-l: 52%;
  --theme-var-colors-success-hsl: var(--theme-var-colors-success-h),
    var(--theme-var-colors-success-s), var(--theme-var-colors-success-l);
  --theme-var-colors-success: hsl(
    var(--theme-var-colors-success-h),
    var(--theme-var-colors-success-s),
    var(--theme-var-colors-success-l)
  );

  --theme-var-colors-success-shades-ultra-light: hsl(
    var(--theme-var-colors-success-h) var(--theme-var-colors-success-s)
      var(--theme-var-shades-ultra-light)
  );
  --theme-var-colors-success-shades-light: hsl(
    var(--theme-var-colors-success-h) var(--theme-var-colors-success-s)
      var(--theme-var-shades-light)
  );
  --theme-var-colors-success-shades-medium: hsl(
    var(--theme-var-colors-success-h) var(--theme-var-colors-success-s)
      var(--theme-var-shades-medium)
  );
  --theme-var-colors-success-shades-dark: hsl(
    var(--theme-var-colors-success-h) var(--theme-var-colors-success-s)
      var(--theme-var-shades-dark)
  );
  --theme-var-colors-success-shades-ultra-dark: hsl(
    var(--theme-var-colors-success-h) var(--theme-var-colors-success-s)
      var(--theme-var-shades-ultra-dark)
  );
  --theme-var-colors-success-shades-hover: hsl(
    var(--theme-var-colors-success-h)
      calc(var(--theme-var-colors-success-s) * var(--theme-var-shades-hover))
      calc(var(--theme-var-colors-success-l) * var(--theme-var-shades-hover))
  );

  /*Warning*/
  --theme-var-colors-warning-rgb: rgb(234, 226, 142);
  --theme-var-colors-warning-h: 55;
  --theme-var-colors-warning-s: 69%;
  --theme-var-colors-warning-l: 74%;
  --theme-var-colors-warning-hsl: var(--theme-var-colors-warning-h),
    var(--theme-var-colors-warning-s), var(--theme-var-colors-warning-l);
  --theme-var-colors-warning: hsl(
    var(--theme-var-colors-warning-h),
    var(--theme-var-colors-warning-s),
    var(--theme-var-colors-warning-l)
  );

  --theme-var-colors-warning-shades-ultra-light: hsl(
    var(--theme-var-colors-warning-h) var(--theme-var-colors-warning-s)
      var(--theme-var-shades-ultra-light)
  );
  --theme-var-colors-warning-shades-light: hsl(
    var(--theme-var-colors-warning-h) var(--theme-var-colors-warning-s)
      var(--theme-var-shades-light)
  );
  --theme-var-colors-warning-shades-medium: hsl(
    var(--theme-var-colors-warning-h) var(--theme-var-colors-warning-s)
      var(--theme-var-shades-medium)
  );
  --theme-var-colors-warning-shades-dark: hsl(
    var(--theme-var-colors-warning-h) var(--theme-var-colors-warning-s)
      var(--theme-var-shades-dark)
  );
  --theme-var-colors-warning-shades-ultra-dark: hsl(
    var(--theme-var-colors-warning-h) var(--theme-var-colors-warning-s)
      var(--theme-var-shades-ultra-dark)
  );
  --theme-var-colors-warning-shades-hover: hsl(
    var(--theme-var-colors-warning-h)
      calc(var(--theme-var-colors-warning-s) * var(--theme-var-shades-hover))
      calc(var(--theme-var-colors-warning-l) * var(--theme-var-shades-hover))
  );

  /*Danger*/
  --theme-var-colors-danger-rgb: rgb(238, 147, 147);
  --theme-var-colors-danger-h: 0;
  --theme-var-colors-danger-s: 73%;
  --theme-var-colors-danger-l: 75%;
  --theme-var-colors-danger-hsl: var(--theme-var-colors-danger-h),
    var(--theme-var-colors-danger-s), var(--theme-var-colors-danger-l);
  --theme-var-colors-danger: hsl(
    var(--theme-var-colors-danger-h),
    var(--theme-var-colors-danger-s),
    var(--theme-var-colors-danger-l)
  );

  --theme-var-colors-danger-shades-ultra-light: hsl(
    var(--theme-var-colors-danger-h) var(--theme-var-colors-danger-s)
      var(--theme-var-shades-ultra-light)
  );
  --theme-var-colors-danger-shades-light: hsl(
    var(--theme-var-colors-danger-h) var(--theme-var-colors-danger-s)
      var(--theme-var-shades-light)
  );
  --theme-var-colors-danger-shades-medium: hsl(
    var(--theme-var-colors-danger-h) var(--theme-var-colors-danger-s)
      var(--theme-var-shades-medium)
  );
  --theme-var-colors-danger-shades-dark: hsl(
    var(--theme-var-colors-danger-h) var(--theme-var-colors-danger-s)
      var(--theme-var-shades-dark)
  );
  --theme-var-colors-danger-shades-ultra-dark: hsl(
    var(--theme-var-colors-danger-h) var(--theme-var-colors-danger-s)
      var(--theme-var-shades-ultra-dark)
  );
  --theme-var-colors-danger-shades-hover: hsl(
    var(--theme-var-colors-danger-h)
      calc(var(--theme-var-colors-danger-s) * var(--theme-var-shades-hover))
      calc(var(--theme-var-colors-danger-l) * var(--theme-var-shades-hover))
  );

  /**
     **Typography
     */

  /*Root Font Size */
  --theme-var-root-font-size: 62.5%;

  /*Font Families*/
  --theme-var-headings-font-family: "Unageo";
  --theme-var-body-font-family: "Ubuntu";
  --theme-var-menu-font-family: "Unageo";
  --theme-var-button-font-family: "Unageo";

  /*Typography Defaults*/
  --theme-var-heading-default-line-height: 1.2;
  --theme-var-heading-default-weight: 700;
  --theme-var-text-default-line-height: 1.5;

  /*Headings*/
  --theme-var-h6: clamp(1.6rem, 0.23vi + 1.51rem, 1.8rem);
  --theme-var-h6-line-height: var(--theme-var-heading-default-line-height);
  --theme-var-h6-weight: var(--theme-var-heading-default-weight);
  --theme-var-h5: clamp(1.8rem, 0.51vi + 1.6rem, 2.25rem);
  --theme-var-h5-line-height: var(--theme-var-heading-default-line-height);
  --theme-var-h5-weight: var(--theme-var-heading-default-weight);
  --theme-var-h4: clamp(2.02rem, 0.89vi + 1.67rem, 2.81rem);
  --theme-var-h4-line-height: var(--theme-var-heading-default-line-height);
  --theme-var-h4-weight: var(--theme-var-heading-default-weight);
  --theme-var-h3: clamp(2.28rem, 1.41vi + 1.72rem, 3.52rem);
  --theme-var-h3-line-height: var(--theme-var-heading-default-line-height);
  --theme-var-h3--weight: var(--theme-var-heading-default-weight);
  --theme-var-h2: clamp(2.56rem, 2.08vi + 1.73rem, 4.39rem);
  --theme-var-h2-line-height: var(--theme-var-heading-default-line-height);
  --theme-var-h2-weight: var(--theme-var-heading-default-weight);
  --theme-var-h1: clamp(2.88rem, 2.97vi + 1.7rem, 5.49rem);
  --theme-var-h1-line-height: 1.1;
  --theme-var-weight: var(--theme-var-heading-default-weight);
  --theme-var-small-heading: clamp(3.24rem, 4.12vi + 1.6rem, 6.87rem);
  --theme-var-small-heading-line-height: 1.1;
  --theme-var-small-heading-weight: var(--theme-var-heading-default-weight);
  --theme-var-large-heading: clamp(3.65rem, 5.61vi + 1.41rem, 8.58rem);
  --theme-var-large-heading-line-height: 1.1;
  --theme-var-large-heading-weight: var(--theme-var-heading-default-weight);

  /*Fluid Typography*/
  --theme-var-text-xs: clamp(1.26rem, calc(-0.23vw + 1.34rem), 1.01rem);
  --theme-var-text-xs-line-height: var(--theme-var-text-default-line-height);
  --theme-var-text-s: clamp(1.42rem, calc(-0.07vw + 1.44rem), 1.35rem);
  --theme-var-text-s-line-height: var(--theme-var-text-default-line-height);
  --theme-var-text-m: clamp(1.6rem, calc(0.19vw + 1.54rem), 1.8rem);
  --theme-var-text-m-line-height: 1.65;
  --theme-var-text-l: clamp(1.8rem, calc(0.55vw + 1.62rem), 2.4rem);
  --theme-var-text-l-line-height: var(--theme-var-text-default-line-height);
  --theme-var-text-xl: clamp(2.02rem, calc(1.09vw + 1.68rem), 3.2rem);
  --theme-var-text-xl-line-height: var(--theme-var-text-default-line-height);
  --theme-var-text-2xl: clamp(2.28rem, calc(1.84vw + 1.69rem), 4.26rem);
  --theme-var-text-2xl-line-height: var(--theme-var-text-default-line-height);
  --theme-var-text-3xl: clamp(2.56rem, calc(2.89vw + 1.64rem), 5.68rem);
  --theme-var-text-3xl-line-height: var(--theme-var-text-default-line-height);
  --theme-var-text-4xl: clamp(2.88rem, calc(4.34vw + 1.49rem), 7.58rem);
  --theme-var-text-4xl-line-height: var(--theme-var-text-default-line-height);

  /*Body Typography*/
  --theme-var-body-font-size: clamp(1.5rem, 0.8vw + 0.84rem, 1.6rem);
  --theme-var-body-font-line-height: var(--theme-var-text-m-line-height);
  --theme-var-body-font-weight: 400;
}