@font-face {
  font-family: "PPNeueMontreal";
  src: url("/fonts/PPNeueMontreal-Medium.woff2") format("woff2"),
    url("/fonts/PPNeueMontreal-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PPEditorialNew";
  src: url("/fonts/PPEditorialNew-Ultralight.woff2") format("woff2"),
    url("/fonts/PPEditorialNew-Ultralight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PPEditorialNew";
  src: url("/fonts/PPEditorialNew-UltralightItalic.woff2") format("woff2"),
    url("/fonts/PPEditorialNew-UltralightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

body {
  font-family: var(--font-sans);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-base);
}

h1,
.heading-3xl {
  font-weight: var(--font-weight-medium);
  font-family: var(--font-sans);
  font-size: var(--font-size-3xl);
  line-height: var(--line-height-tight);
}

h2,
.heading-2xl {
  font-family: var(--font-sans);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-snug);
}
.h3 .heading-xl {
  font-family: var(--font-sans);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-snug);
}
h4,
.heading-l {
  font-family: var(--font-sans);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-snug);
}
h5,
.heading-m {
  font-family: var(--font-sans);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-normal);
}
h6,
.heading-base {
  font-family: var(--font-sans);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-normal);
}

.heading-18 {
  font-family: var(--font-sans);
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-normal);
}
.heading-15 {
  font-family: var(--font-sans);
  font-size: var(--font-size-15);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-normal);
}
.heading-12 {
  font-family: var(--font-sans);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-normal);
}

.text-xl {
  font-size: var(--font-size-xl);
  line-height: var(--line-height-snug);
}

.text-l {
  font-size: var(--font-size-lg);
  line-height: var(--line-height-snug);
}

.text-m {
  font-size: var(--font-size-md);
  line-height: var(--line-height-normal);
}

.text-base {
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
}

.text-18 {
  font-size: var(--font-size-18);
  line-height: var(--line-height-normal);
}

.text-15 {
  font-size: var(--font-size-15);
  line-height: var(--line-height-normal);
}

.text-12 {
  font-size: var(--font-size-12);
  line-height: var(--line-height-normal);
}

.font-editorial {
  font-family: var(--font-serif);
  font-weight: var(--font-weight-ultralight);
}