/* 
 * 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.
 */

@font-face {
  font-family: 'AeonikPro';
  font-weight: 100;
  font-style: normal;
  src: url('/fonts/AeonikPro/AeonikPro-Thin.otf') format('opentype');
  font-display: swap;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'AeonikPro';
  font-weight: 100;
  font-style: italic;
  src: url('/fonts/AeonikPro/AeonikPro-ThinItalic.otf') format('opentype');
  font-display: swap;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'AeonikPro';
  font-weight: 300;
  font-style: normal;
  src: url('/fonts/AeonikPro/AeonikPro-Light.otf') format('opentype');
  font-display: swap;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'AeonikPro';
  font-weight: 300;
  font-style: italic;
  src: url('/fonts/AeonikPro/AeonikPro-LightItalic.otf') format('opentype');
  font-display: swap;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'AeonikPro';
  font-weight: 400;
  font-style: normal;
  src: url('/fonts/AeonikPro/AeonikPro-Regular.otf') format('opentype');
  font-display: swap;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'AeonikPro';
  font-weight: 400;
  font-style: italic;
  src: url('/fonts/AeonikPro/AeonikPro-RegularItalic.otf') format('opentype');
  font-display: swap;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
}

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

@font-face {
  font-family: 'AeonikPro';
  font-weight: 500;
  font-style: italic;
  src: url('/fonts/AeonikPro/AeonikPro-MediumItalic.otf') format('opentype');
  font-display: swap;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'AeonikPro';
  font-weight: 700;
  font-style: normal;
  src: url('/fonts/AeonikPro/AeonikPro-Bold.otf') format('opentype');
  font-display: swap;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'AeonikPro';
  font-weight: 700;
  font-style: italic;
  src: url('/fonts/AeonikPro/AeonikPro-BoldItalic.otf') format('opentype');
  font-display: swap;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'AeonikPro';
  font-weight: 900;
  font-style: normal;
  src: url('/fonts/AeonikPro/AeonikPro-Black.otf') format('opentype');
  font-display: swap;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'AeonikPro';
  font-weight: 900;
  font-style: italic;
  src: url('/fonts/AeonikPro/AeonikPro-BlackItalic.otf') format('opentype');
  font-display: swap;
  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%;
}