/**
* @license
*
* Font Family: Satoshi & Clash Display
* Satoshi designed by: Deni Anggara
* Clash Display designed by: Indian Type Foundry
* URL: https://www.fontshare.com
* © 2024 Indian Type Foundry
*
*/

/* ============================================
   CLASH DISPLAY - Headers
   ============================================ */

@font-face {
  font-family: 'Clash Display';
  src: url('./ClashDisplay-Variable.woff2') format('woff2');
  font-weight: 200 700;
  font-display: swap;
  font-style: normal;
}

/* Static fallbacks for Clash Display */
@font-face {
  font-family: 'Clash Display Static';
  src: url('./ClashDisplay-Bold.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Clash Display Static';
  src: url('./ClashDisplay-Semibold.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Clash Display Static';
  src: url('./ClashDisplay-Medium.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}

/* ============================================
   SATOSHI - Body Text
   ============================================ */

/* Variable Font (Recommended - smaller file size) */
@font-face {
  font-family: 'Satoshi';
  src: url('./Satoshi-Variable.woff2') format('woff2');
  font-weight: 300 900;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Satoshi';
  src: url('./Satoshi-VariableItalic.woff2') format('woff2');
  font-weight: 300 900;
  font-display: swap;
  font-style: italic;
}

/* Static fonts as fallback */
@font-face {
  font-family: 'Satoshi-Static';
  src: url('./Satoshi-Light.woff2') format('woff2');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Satoshi-Static';
  src: url('./Satoshi-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Satoshi-Static';
  src: url('./Satoshi-Medium.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Satoshi-Static';
  src: url('./Satoshi-Bold.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Satoshi-Static';
  src: url('./Satoshi-Black.woff2') format('woff2');
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}