/* ============================================================================
   HINT IT — v2 design system : @font-face
   ----------------------------------------------------------------------------
   The two type families ("two families, max"):
     • Inter              — body / UI
     • M PLUS Rounded 1c  — display (titles, big numbers, accents)
   Families + weights mirror the mobile apps' shared tokens
   (packages/tokens/src/fonts.ts). These @font-face rules are extracted from the
   legacy inline App.razor block so v2 fonts itself; the same family NAMES + src
   URLs mean the browser de-dupes with the legacy declarations (no double load).
   ============================================================================ */

/* ---- M PLUS Rounded 1c (display) ---- */
@font-face {
  font-family: 'M PLUS Rounded 1c';
  src: url('/fonts/MPLUSRounded1c-Medium-500.woff2') format('woff2'),
       url('/fonts/MPLUSRounded1c-Medium-500.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'M PLUS Rounded 1c';
  src: url('/fonts/MPLUSRounded1c-Bold-700.woff2') format('woff2'),
       url('/fonts/MPLUSRounded1c-Bold-700.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'M PLUS Rounded 1c';
  src: url('/fonts/MPLUSRounded1c-ExtraBold-800.woff2') format('woff2'),
       url('/fonts/MPLUSRounded1c-ExtraBold-800.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'M PLUS Rounded 1c';
  src: url('/fonts/MPLUSRounded1c-Black-900.woff2') format('woff2'),
       url('/fonts/MPLUSRounded1c-Black-900.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* ---- Inter (body / UI) ---- */
@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter-Regular-400.woff2') format('woff2'),
       url('/fonts/Inter-Regular-400.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter-Regular-400-Italic.woff2') format('woff2'),
       url('/fonts/Inter-Regular-400-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter-Semi-Bold-600.woff2') format('woff2'),
       url('/fonts/Inter-Semi-Bold-600.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter-Bold-700.woff2') format('woff2'),
       url('/fonts/Inter-Bold-700.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter-Extra-Bold-800.woff2') format('woff2'),
       url('/fonts/Inter-Extra-Bold-800.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}