/* Typography — Helvetica Neue
 *
 * Weight scale:
 * 100 — UltraLight
 * 200 — Thin
 * 300 — Light
 * 400 — Roman (Regular)
 * 500 — Medium
 * 700 — Bold
 * 800 — Heavy
 * 900 — Black
 */

/* 100 — UltraLight */
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../../assets/fonts/HelveticaNeueUltraLight.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('../../assets/fonts/HelveticaNeueUltraLightItalic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

/* 200 — Thin */
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../../assets/fonts/HelveticaNeueThin.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('../../assets/fonts/HelveticaNeueThinItalic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

/* 300 — Light */
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../../assets/fonts/HelveticaNeueLight.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('../../assets/fonts/HelveticaNeueLightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* 400 — Roman (Regular) */
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../../assets/fonts/HelveticaNeueRoman.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('../../assets/fonts/HelveticaNeueItalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* 500 — Medium */
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../../assets/fonts/HelveticaNeueMedium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('../../assets/fonts/HelveticaNeueMediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* 700 — Bold */
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../../assets/fonts/HelveticaNeueBold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('../../assets/fonts/HelveticaNeueBoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* 800 — Heavy */
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../../assets/fonts/HelveticaNeueHeavy.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('../../assets/fonts/HelveticaNeueHeavyItalic.otf') format('opentype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

/* 900 — Black */
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../../assets/fonts/HelveticaNeueBlack.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('../../assets/fonts/HelveticaNeueBlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* --- Global font --- */

body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* --- Body 24 --- */

.body-24 {
  color: var(--color-black);
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: var(--body-24-font-size);
  font-style: normal;
  font-weight: 500;
  line-height: var(--body-24-line-height);
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'calt' off;
}

/* --- Text Uppercase 18 --- */

.text-uppercase-18 {
  color: var(--color-black);
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  text-transform: uppercase;
  font-feature-settings: 'liga' off, 'calt' off;
}

/* --- Title H1 --- */

.title-h1 {
  color: var(--color-black);
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: var(--h1-font-size);
  font-style: normal;
  font-weight: 500;
  line-height: var(--h1-line-height);
  letter-spacing: var(--h1-letter-spacing);
  text-transform: capitalize;
  font-feature-settings: 'liga' off, 'calt' off;
}