/* static/fonts.css */

/* =========================
   ITC Garamond
   ========================= */
@font-face {
  font-family: 'ITC Garamond Std';
  src: url('/fonts/garamond/itc-garamond-std.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: 'ITC Garamond Std Light Narrow Italic';
  src: url('/fonts/garamond/itc-garamond-std-light-narrow-italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: fallback;
}

@font-face {
  font-family: 'ITC Garamond Std Light Condensed Italic';
  src: url('/fonts/garamond/itc-garamond-std-light-condensed-italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: fallback;
}

/* =========================
   Satoshi (300 → 900, italics)
   ========================= */
@font-face {
  font-family: 'Satoshi';
  src: url('/fonts/satoshi/Satoshi-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('/fonts/satoshi/Satoshi-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('/fonts/satoshi/Satoshi-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('/fonts/satoshi/Satoshi-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('/fonts/satoshi/Satoshi-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('/fonts/satoshi/Satoshi-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('/fonts/satoshi/Satoshi-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('/fonts/satoshi/Satoshi-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('/fonts/satoshi/Satoshi-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('/fonts/satoshi/Satoshi-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* =========================
   Outfit (100 → 900)
   ========================= */
@font-face {
  font-family: 'Outfit';
  src: url('/fonts/outfit/Outfit-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Outfit';
  src: url('/fonts/outfit/Outfit-ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Outfit';
  src: url('/fonts/outfit/Outfit-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Outfit';
  src: url('/fonts/outfit/Outfit-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Outfit';
  src: url('/fonts/outfit/Outfit-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Outfit';
  src: url('/fonts/outfit/Outfit-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Outfit';
  src: url('/fonts/outfit/Outfit-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Outfit';
  src: url('/fonts/outfit/Outfit-ExtraBold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Outfit';
  src: url('/fonts/outfit/Outfit-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: fallback;
}

/* =========================
   Sora (100 → 800, italics)
   ========================= */
@font-face {
  font-family: 'Sora';
  src: url('/fonts/sora/Sora-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Sora';
  src: url('/fonts/sora/Sora-ThinItalic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: fallback;
}
@font-face {
  font-family: 'Sora';
  src: url('/fonts/sora/Sora-ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Sora';
  src: url('/fonts/sora/Sora-ExtraLightItalic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
  font-display: fallback;
}
@font-face {
  font-family: 'Sora';
  src: url('/fonts/sora/Sora-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Sora';
  src: url('/fonts/sora/Sora-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: fallback;
}
@font-face {
  font-family: 'Sora';
  src: url('/fonts/sora/Sora-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Sora';
  src: url('/fonts/sora/Sora-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: fallback;
}
@font-face {
  font-family: 'Sora';
  src: url('/fonts/sora/Sora-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Sora';
  src: url('/fonts/sora/Sora-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: fallback;
}
@font-face {
  font-family: 'Sora';
  src: url('/fonts/sora/Sora-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Sora';
  src: url('/fonts/sora/Sora-SemiBoldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: fallback;
}
@font-face {
  font-family: 'Sora';
  src: url('/fonts/sora/Sora-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Sora';
  src: url('/fonts/sora/Sora-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: fallback;
}
@font-face {
  font-family: 'Sora';
  src: url('/fonts/sora/Sora-ExtraBold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Sora';
  src: url('/fonts/sora/Sora-ExtraBoldItalic.otf') format('opentype');
  font-weight: 800;
  font-style: italic;
  font-display: fallback;
}

/* =========================
   Cal Sans
   ========================= */
@font-face {
  font-family: 'Cal Sans';
  src: url('/fonts/calsans/CalSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}

/* =========================
   Manrope (200 → 800)
   ========================= */
@font-face {
  font-family: 'Manrope';
  src: url('/fonts/manrope/Manrope-ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Manrope';
  src: url('/fonts/manrope/Manrope-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Manrope';
  src: url('/fonts/manrope/Manrope-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Manrope';
  src: url('/fonts/manrope/Manrope-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Manrope';
  src: url('/fonts/manrope/Manrope-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Manrope';
  src: url('/fonts/manrope/Manrope-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Manrope';
  src: url('/fonts/manrope/Manrope-ExtraBold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: fallback;
}