:root {
  --sf-type-body-lg-font: "MecherleSans";
  --sf-type-body-lg-lineheight: 22px;
  --sf-type-body-lg-size: 16px;
  --sf-type-body-lg-weight: 400;
  --sf-type-body-md-font: "MecherleSans";
  --sf-type-body-md-lineheight: 20px;
  --sf-type-body-md-size: 14px;
  --sf-type-body-md-weight: 400;
  --sf-type-body-sm-font: "MecherleSans";
  --sf-type-body-sm-lineheight: 16px;
  --sf-type-body-sm-size: 12px;
  --sf-type-body-sm-weight: 400;
  --sf-type-display-lg-font: "MecherleSans";
  --sf-type-display-lg-lineheight: 98px;
  --sf-type-display-lg-size: 82px;
  --sf-type-display-lg-weight: 600;
  --sf-type-display-md-font: "MecherleSans";
  --sf-type-display-md-lineheight: 82px;
  --sf-type-display-md-size: 68px;
  --sf-type-display-md-weight: 600;
  --sf-type-display-sm-font: "MecherleSans";
  --sf-type-display-sm-lineheight: 70px;
  --sf-type-display-sm-size: 58px;
  --sf-type-display-sm-weight: 600;
  --sf-type-heading-lg-font: "MecherleSans";
  --sf-type-heading-lg-lineheight: 40px;
  --sf-type-heading-lg-size: 34px;
  --sf-type-heading-lg-weight: 500;
  --sf-type-heading-md-font: "MecherleSans";
  --sf-type-heading-md-lineheight: 34px;
  --sf-type-heading-md-size: 28px;
  --sf-type-heading-md-weight: 500;
  --sf-type-heading-sm-font: "MecherleSans";
  --sf-type-heading-sm-lineheight: 28px;
  --sf-type-heading-sm-size: 24px;
  --sf-type-heading-sm-weight: 500;
  --sf-type-heading-xl-font: "MecherleSans";
  --sf-type-heading-xl-lineheight: 48px;
  --sf-type-heading-xl-size: 40px;
  --sf-type-heading-xl-weight: 600;
  --sf-type-heading-xs-font: "MecherleSans";
  --sf-type-heading-xs-lineheight: 24px;
  --sf-type-heading-xs-size: 20px;
  --sf-type-heading-xs-weight: 500;
  --sf-type-heading-xxl-font: "MecherleSans";
  --sf-type-heading-xxl-lineheight: 58px;
  --sf-type-heading-xxl-size: 48px;
  --sf-type-heading-xxl-weight: 600;
}