@font-face {
  font-family: 'CircularStd';
  font-weight: 400;
  font-style: normal;
  src:
    local('CircularStd'),
    url('CircularStd-Book.otf') format('opentype');
}

@font-face {
  font-family: 'CircularStd';
  font-weight: 500;
  font-style: normal;
  src:
    local('CircularStd'),
    url('CircularStd-Medium.otf') format('opentype');
}

@font-face {
  font-family: 'CircularStd';
  font-weight: 700;
  font-style: normal;
  src:
    local('CircularStd'),
    url('CircularStd-Bold.otf') format('opentype');
}

/* Space Grotesk — main titles (h1-h6) */
@font-face {
  font-family: 'Space Grotesk';
  font-weight: 300;
  font-style: normal;
  src: url('Space_Grotesk/static/SpaceGrotesk-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Space Grotesk';
  font-weight: 400;
  font-style: normal;
  src: url('Space_Grotesk/static/SpaceGrotesk-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Space Grotesk';
  font-weight: 500;
  font-style: normal;
  src: url('Space_Grotesk/static/SpaceGrotesk-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Space Grotesk';
  font-weight: 600;
  font-style: normal;
  src: url('Space_Grotesk/static/SpaceGrotesk-SemiBold.ttf') format('truetype');
}

@font-face {
  font-family: 'Space Grotesk';
  font-weight: 700;
  font-style: normal;
  src: url('Space_Grotesk/static/SpaceGrotesk-Bold.ttf') format('truetype');
}

/* Manrope — body text, subtitles, captions */
@font-face {
  font-family: 'Manrope';
  font-weight: 200;
  font-style: normal;
  src: url('Manrope/static/Manrope-ExtraLight.ttf') format('truetype');
}

@font-face {
  font-family: 'Manrope';
  font-weight: 300;
  font-style: normal;
  src: url('Manrope/static/Manrope-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Manrope';
  font-weight: 400;
  font-style: normal;
  src: url('Manrope/static/Manrope-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Manrope';
  font-weight: 500;
  font-style: normal;
  src: url('Manrope/static/Manrope-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Manrope';
  font-weight: 600;
  font-style: normal;
  src: url('Manrope/static/Manrope-SemiBold.ttf') format('truetype');
}

@font-face {
  font-family: 'Manrope';
  font-weight: 700;
  font-style: normal;
  src: url('Manrope/static/Manrope-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Manrope';
  font-weight: 800;
  font-style: normal;
  src: url('Manrope/static/Manrope-ExtraBold.ttf') format('truetype');
}

/* IBM Plex Mono — numbers, KPIs (only the weights actually used) */
@font-face {
  font-family: 'IBM Plex Mono';
  font-weight: 400;
  font-style: normal;
  src: url('IBM_Plex_Mono/IBMPlexMono-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-weight: 500;
  font-style: normal;
  src: url('IBM_Plex_Mono/IBMPlexMono-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-weight: 600;
  font-style: normal;
  src: url('IBM_Plex_Mono/IBMPlexMono-SemiBold.ttf') format('truetype');
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-weight: 700;
  font-style: normal;
  src: url('IBM_Plex_Mono/IBMPlexMono-Bold.ttf') format('truetype');
}