/* ---- Custom Font Faces (WOFF2 — 65% smaller than OTF/TTF) ---- */
/* Extracted from index.html to reduce inline CSS bulk. */

/* AreaNormal Family — weight-specific names (used by code like fontFamily: 'AreaNormal-Bold') */
@font-face {
  font-family: 'AreaNormal-Regular';
  src: url('/fonts/AreaNormal-Regular.woff2') format('woff2'), url('/fonts/AreaNormal-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AreaNormal-Medium';
  src: url('/fonts/AreaNormal-Medium.woff2') format('woff2'), url('/fonts/AreaNormal-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AreaNormal-Semibold';
  src: url('/fonts/AreaNormal-Semibold.woff2') format('woff2'), url('/fonts/AreaNormal-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AreaNormal-Bold';
  src: url('/fonts/AreaNormal-Bold.woff2') format('woff2'), url('/fonts/AreaNormal-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AreaNormal-Extrabold';
  src: url('/fonts/AreaNormal-Extrabold.woff2') format('woff2'), url('/fonts/AreaNormal-Extrabold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AreaNormal-Black';
  src: url('/fonts/AreaNormal-Black.woff2') format('woff2'), url('/fonts/AreaNormal-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/*
 * AreaNormal alias families — handle code that uses fontFamily: 'Area Normal'
 * or fontFamily: 'AreaNormal' (without weight suffix) combined with fontWeight.
 */
@font-face {
  font-family: 'Area Normal';
  src: url('/fonts/AreaNormal-Regular.woff2') format('woff2'), url('/fonts/AreaNormal-Regular.otf') format('opentype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Area Normal';
  src: url('/fonts/AreaNormal-Medium.woff2') format('woff2'), url('/fonts/AreaNormal-Medium.otf') format('opentype');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Area Normal';
  src: url('/fonts/AreaNormal-Semibold.woff2') format('woff2'), url('/fonts/AreaNormal-Semibold.otf') format('opentype');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Area Normal';
  src: url('/fonts/AreaNormal-Bold.woff2') format('woff2'), url('/fonts/AreaNormal-Bold.otf') format('opentype');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Area Normal';
  src: url('/fonts/AreaNormal-Extrabold.woff2') format('woff2'), url('/fonts/AreaNormal-Extrabold.otf') format('opentype');
  font-weight: 800; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Area Normal';
  src: url('/fonts/AreaNormal-Black.woff2') format('woff2'), url('/fonts/AreaNormal-Black.otf') format('opentype');
  font-weight: 900; font-style: normal; font-display: swap;
}

/* 'AreaNormal' (no suffix) */
@font-face {
  font-family: 'AreaNormal';
  src: url('/fonts/AreaNormal-Regular.woff2') format('woff2'), url('/fonts/AreaNormal-Regular.otf') format('opentype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'AreaNormal';
  src: url('/fonts/AreaNormal-Medium.woff2') format('woff2'), url('/fonts/AreaNormal-Medium.otf') format('opentype');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'AreaNormal';
  src: url('/fonts/AreaNormal-Semibold.woff2') format('woff2'), url('/fonts/AreaNormal-Semibold.otf') format('opentype');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'AreaNormal';
  src: url('/fonts/AreaNormal-Bold.woff2') format('woff2'), url('/fonts/AreaNormal-Bold.otf') format('opentype');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'AreaNormal';
  src: url('/fonts/AreaNormal-Extrabold.woff2') format('woff2'), url('/fonts/AreaNormal-Extrabold.otf') format('opentype');
  font-weight: 800; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'AreaNormal';
  src: url('/fonts/AreaNormal-Black.woff2') format('woff2'), url('/fonts/AreaNormal-Black.otf') format('opentype');
  font-weight: 900; font-style: normal; font-display: swap;
}

/* Inter Family */
@font-face {
  font-family: 'Inter-Regular';
  src: url('/fonts/Inter-Regular.woff2') format('woff2'), url('/fonts/Inter-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter-Semibold';
  src: url('/fonts/Inter-SemiBold.woff2') format('woff2'), url('/fonts/Inter-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter-Bold';
  src: url('/fonts/Inter-Bold.woff2') format('woff2'), url('/fonts/Inter-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter-ExtraBold';
  src: url('/fonts/Inter-ExtraBold.woff2') format('woff2'), url('/fonts/Inter-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* PaceSans Family — used across all partner apps via Tailwind */
@font-face {
  font-family: 'PaceSans-Bold';
  src: url('/fonts/PaceSans-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}