/* Work Sans (body) */
@font-face {
  font-family: 'Work Sans';
  src: url('./work-sans/WorkSans.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Work Sans';
  src: url('./work-sans/WorkSans-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* MTN Brighter Sans */
@font-face {
  font-family: 'MTN Brighter Sans';
  src: url('./mtn-brighter-sans/MTNBrighterSans-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MTN Brighter Sans';
  src: url('./mtn-brighter-sans/MTNBrighterSans-RegularItalic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'MTN Brighter Sans';
  src: url('./mtn-brighter-sans/MTNBrighterSans-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MTN Brighter Sans';
  src: url('./mtn-brighter-sans/MTNBrighterSans-MediumItalic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'MTN Brighter Sans';
  src: url('./mtn-brighter-sans/MTNBrighterSans-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MTN Brighter Sans';
  src: url('./mtn-brighter-sans/MTNBrighterSans-BoldItalic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'MTN Brighter Sans';
  src: url('./mtn-brighter-sans/MTNBrighterSans-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MTN Brighter Sans';
  src: url('./mtn-brighter-sans/MTNBrighterSans-ExtraBoldItalic.woff2') format('woff2');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'MTN Brighter Sans';
  src: url('./mtn-brighter-sans/MTNBrighterSans-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MTN Brighter Sans';
  src: url('./mtn-brighter-sans/MTNBrighterSans-LightItalic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'MTN Brighter Sans';
  src: url('./mtn-brighter-sans/MTNBrighterSans-ExtraLight.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MTN Brighter Sans';
  src: url('./mtn-brighter-sans/MTNBrighterSans-ExtraLightItalic.woff2') format('woff2');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

:root {
  --typescale-body-xs-s-small-regular-font: 'Work Sans';
  --typescale-body-xs-s-small-semibold-font: 'Work Sans';
  --typescale-title-xs-s-small-bold-font: 'MTN Brighter Sans';
  --text-embed-text-colour-inverse: #fff;
}

html,
body,
#root {
  font-family:
    'Work Sans',
    system-ui,
    -apple-system,
    'Segoe UI',
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
}