/* ============================================================
   Binary Capital — Home page local fonts
   Loads the licensed Denton Text Cond display face (supplied in
   the brand kit) and points --font-display at it. Poppins is
   already loaded by the design-system tokens (tokens/fonts.css).
   ============================================================ */

@font-face {
  font-family: 'Denton Cond';
  src: url('/assets/fonts/denton-cond-light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Denton Cond';
  src: url('/assets/fonts/denton-cond-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Denton Cond';
  src: url('/assets/fonts/denton-cond-regular-italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Denton Cond';
  src: url('/assets/fonts/denton-cond-medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Metric-matched fallback — prevents the FOUT "jump". Denton Cond is condensed
   (~0.89× the width of Georgia at the same size), so we shrink the fallback to
   match its footprint; when Denton swaps in there is no reflow or size change. */
@font-face {
  font-family: 'Denton Fallback';
  src: local('Georgia'), local('Times New Roman'), local('Times');
  size-adjust: 89%;
  font-style: normal;
}
@font-face {
  font-family: 'Denton Fallback';
  src: local('Georgia Italic'), local('Times New Roman Italic'), local('Times Italic');
  size-adjust: 89%;
  font-style: italic;
}

:root {
  /* Brand-correct display face; 'Denton Fallback' is a width-matched stand-in
     shown only for the brief moment before the real face loads. */
  --font-display: 'Denton Cond', 'Denton Fallback', Georgia, 'Times New Roman', serif;
  /* Secondary service-coded accents (charts / data only) from the brand book */
  --svc-sustainable: #C5F9C5;
  --svc-islamic: #D1D2FF;
  --data-cyan: #9CF2FF;
}