/* 
 * Font Metric Overrides for Perfect Vertical Centering
 * 
 * These overrides fix vertical alignment issues in badges, buttons, and small UI elements
 * on mobile devices (iOS/Android). The default font metrics can cause text to appear
 * off-center vertically, especially in containers with tight padding.
 * 
 * - ascent-override: 90% - Controls how high characters extend above baseline
 * - descent-override: 22% - Controls how low characters extend below baseline  
 * - line-gap-override: 0% - Eliminates extra line spacing for tighter control
 * 
 * These values ensure consistent text positioning across all browsers and devices.
 * 
 * Manrope Variable Font - supports weights 200-800
 * Using a slightly offset weight mapping for bolder appearance:
 * - 100 → 300 (Light)
 * - 300 → 450 (between Regular and Medium)
 * - 400 → 550 (between Medium and SemiBold)
 * - 500 → 650 (between SemiBold and Bold)
 * - 700 → 750 (Bold+)
 * - 900 → 800 (ExtraBold - max weight)
 */

@font-face {
  font-family: 'Manrope';
  src: url('/fonts/Manrope/Manrope-Variable.ttf') format('truetype-variations');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
}

/* Weight-specific declarations for better browser support and shifted weights */
@font-face {
  font-family: 'Manrope';
  src: url('/fonts/Manrope/Manrope-Variable.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
  font-variation-settings: 'wght' 300;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Manrope';
  src: url('/fonts/Manrope/Manrope-Variable.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  font-variation-settings: 'wght' 450;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Manrope';
  src: url('/fonts/Manrope/Manrope-Variable.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  font-variation-settings: 'wght' 550;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Manrope';
  src: url('/fonts/Manrope/Manrope-Variable.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  font-variation-settings: 'wght' 650;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Manrope';
  src: url('/fonts/Manrope/Manrope-Variable.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  font-variation-settings: 'wght' 750;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Manrope';
  src: url('/fonts/Manrope/Manrope-Variable.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  font-variation-settings: 'wght' 800;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
}

/* Visby CF Font */
@font-face {
  font-family: 'VisbyCF';
  font-weight: 400;
  font-style: normal;
  src: url('/fonts/VisbyCF/Fontspring-DEMO-visbycf-regular.otf') format('opentype');
  font-display: swap;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'VisbyCF';
  font-weight: 500;
  font-style: normal;
  src: url('/fonts/VisbyCF/Fontspring-DEMO-visbycf-medium.otf') format('opentype');
  font-display: swap;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'VisbyCF';
  font-weight: 600;
  font-style: normal;
  src: url('/fonts/VisbyCF/Fontspring-DEMO-visbycf-demibold.otf') format('opentype');
  font-display: swap;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
}