/* Checkered Spaces, brand typography */

@font-face {
  font-family: 'Syne';
  src: url('../fonts/Syne-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Syne';
  src: url('../fonts/Syne-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Syne';
  src: url('../fonts/Syne-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Syne';
  src: url('../fonts/Syne-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Syne';
  src: url('../fonts/Syne-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SK Modernist';
  src: url('../fonts/Sk-Modernist-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SK Modernist';
  src: url('../fonts/Sk-Modernist-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SK Modernist Mono';
  src: url('../fonts/Sk-Modernist-Mono.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Global type overrides, replace Montserrat / Geist / Inter */
html, body,
p, a, li, span, div, button, input, textarea, select, label,
.text-xl, .text-2xl, .text-3xl, .text-4xl, .text-color-primary,
.text-color-secondary, .text-color-on-primary, .text-color-subtle {
  font-family: 'SK Modernist', 'Inter', system-ui, sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.clamp-text, .max-heading, [class*="heading"], .text-big-sezre, .text-space {
  font-family: 'Syne', 'Montserrat', system-ui, sans-serif !important;
}