/* ===================================
   Winkflo Official Fonts
   =================================== */

/* Assistant - Body Font */
@font-face {
  font-family: 'Assistant';
  src: url('../fonts/assistant-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Poppins - Header Font */
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/poppins-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Apply fonts globally (Official Winkflo values) */
:root {
  --typeBasePrimary: 'Assistant', sans-serif;
  --typeBaseFallback: sans-serif;
  --typeBaseSize: 16px;
  --typeBaseWeight: 400;
  --typeBaseSpacing: 0;
  --typeBaseLineHeight: 1.5;
  
  --typeHeaderPrimary: 'Poppins', sans-serif;
  --typeHeaderFallback: sans-serif;
  --typeHeaderSize: 20px;
  --typeHeaderWeight: 500;
  --typeHeaderSpacing: 0.1em;
  --typeHeaderLineHeight: 1.2;
  
  --typeCollectionTitle: 20px;
}

body {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-size: var(--typeBaseSize);
  font-weight: var(--typeBaseWeight);
  line-height: var(--typeBaseLineHeight);
  letter-spacing: var(--typeBaseSpacing);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  letter-spacing: var(--typeHeaderSpacing);
  line-height: var(--typeHeaderLineHeight);
}