/* Self-hosted fonts voor Tikt.
 *
 * Status: structuur staat klaar. Vul de .woff2-bestanden in via:
 *   1. https://google-webfonts-helper.herokuapp.com/fonts
 *      (selecteer "latin" + "latin-ext", "woff2 only", "Modern Browsers")
 *      voor DM Sans, Inter, JetBrains Mono.
 *   2. Plaats de bestanden in dezelfde map als deze CSS:
 *      dm-sans-{weight}-{style}.woff2
 *      inter-{weight}-{style}.woff2
 *      jetbrains-mono-{weight}.woff2
 *      dm-sans-cyrillic-500.woff2 (alleen voor `Тикт` cyrillische k)
 *   3. Pas onderstaande src-paden aan als je andere bestandsnamen kiest.
 *
 * Tijdens lokale dev werkt de site ook zonder deze bestanden: de
 * `local('DM Sans')` fallback en de algemene system-stack achter de
 * font-family vangen het op.
 */

/* DM Sans 400 */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('DM Sans Regular'), local('DM Sans'),
       url('/assets/fonts/dm-sans-400.woff2') format('woff2');
}
/* DM Sans 500 */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('DM Sans Medium'), local('DM Sans'),
       url('/assets/fonts/dm-sans-500.woff2') format('woff2');
}
/* DM Sans 600 */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('DM Sans SemiBold'), local('DM Sans'),
       url('/assets/fonts/dm-sans-600.woff2') format('woff2');
}
/* DM Sans 700 */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('DM Sans Bold'), local('DM Sans'),
       url('/assets/fonts/dm-sans-700.woff2') format('woff2');
}
/* Cyrillic-subset weggehaald: fontsource heeft geen cyrillic voor DM Sans.
 * De `к` in Тикт valt terug op de system-sans-serif (San Francisco / Segoe UI /
 * Inter system-fallback), wat visueel vrijwel identiek is met DM Sans.
 * Als je later toch een eigen cyrillic-subset wilt: subsetten via fonttools
 * en als 'dm-sans-cyrillic-500.woff2' droppen in deze map. */

/* Inter 400 */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Inter Regular'), local('Inter'),
       url('/assets/fonts/inter-400.woff2') format('woff2');
}
/* Inter 500 */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Inter Medium'), local('Inter'),
       url('/assets/fonts/inter-500.woff2') format('woff2');
}
/* Inter 700 */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Inter Bold'), local('Inter'),
       url('/assets/fonts/inter-700.woff2') format('woff2');
}
/* Inter italic 400 */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Inter Italic'), local('Inter'),
       url('/assets/fonts/inter-400-italic.woff2') format('woff2');
}

/* JetBrains Mono 400 */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('JetBrains Mono Regular'), local('JetBrains Mono'),
       url('/assets/fonts/jetbrains-mono-400.woff2') format('woff2');
}
/* JetBrains Mono 500 */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('JetBrains Mono Medium'), local('JetBrains Mono'),
       url('/assets/fonts/jetbrains-mono-500.woff2') format('woff2');
}