/**
 * Satoshi variable font (woff2 → woff → ttf fallbacks).
 * Legacy family names pin weight/style so existing fontFamily tokens keep working.
 */

@font-face {
  font-family: 'Satoshi';
  src:
    url('/fonts/Satoshi-Variable.woff2') format('woff2'),
    url('/fonts/Satoshi-Variable.woff') format('woff'),
    url('/fonts/Satoshi-Variable.ttf') format('truetype');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: 'Satoshi-Light';
  src:
    url('/fonts/Satoshi-Variable.woff2') format('woff2'),
    url('/fonts/Satoshi-Variable.woff') format('woff'),
    url('/fonts/Satoshi-Variable.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Satoshi-LightItalic';
  src:
    url('/fonts/Satoshi-VariableItalic.woff2') format('woff2'),
    url('/fonts/Satoshi-VariableItalic.woff') format('woff'),
    url('/fonts/Satoshi-VariableItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Satoshi-Regular';
  src:
    url('/fonts/Satoshi-Variable.woff2') format('woff2'),
    url('/fonts/Satoshi-Variable.woff') format('woff'),
    url('/fonts/Satoshi-Variable.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Satoshi-Italic';
  src:
    url('/fonts/Satoshi-VariableItalic.woff2') format('woff2'),
    url('/fonts/Satoshi-VariableItalic.woff') format('woff'),
    url('/fonts/Satoshi-VariableItalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Satoshi-Medium';
  src:
    url('/fonts/Satoshi-Variable.woff2') format('woff2'),
    url('/fonts/Satoshi-Variable.woff') format('woff'),
    url('/fonts/Satoshi-Variable.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Satoshi-MediumItalic';
  src:
    url('/fonts/Satoshi-VariableItalic.woff2') format('woff2'),
    url('/fonts/Satoshi-VariableItalic.woff') format('woff'),
    url('/fonts/Satoshi-VariableItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Satoshi-Bold';
  src:
    url('/fonts/Satoshi-Variable.woff2') format('woff2'),
    url('/fonts/Satoshi-Variable.woff') format('woff'),
    url('/fonts/Satoshi-Variable.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Satoshi-BoldItalic';
  src:
    url('/fonts/Satoshi-VariableItalic.woff2') format('woff2'),
    url('/fonts/Satoshi-VariableItalic.woff') format('woff'),
    url('/fonts/Satoshi-VariableItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Satoshi-Black';
  src:
    url('/fonts/Satoshi-Variable.woff2') format('woff2'),
    url('/fonts/Satoshi-Variable.woff') format('woff'),
    url('/fonts/Satoshi-Variable.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Satoshi-BlackItalic';
  src:
    url('/fonts/Satoshi-VariableItalic.woff2') format('woff2'),
    url('/fonts/Satoshi-VariableItalic.woff') format('woff'),
    url('/fonts/Satoshi-VariableItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'SpaceMono-Regular';
  src: url('/fonts/SpaceMono-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}