/* ==========================================================================
   Kucin Handwriting — web font
   Latin + Macedonian Cyrillic, two weights (400 / 700)
   ========================================================================== */

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

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

/* --------------------------------------------------------------------------
   Custom properties — override these in your own stylesheet
   -------------------------------------------------------------------------- */
:root {
  --kucin-font: 'Kucin Handwriting', 'Segoe UI', system-ui, sans-serif;

  /* This hand has a small x-height, so it reads smaller than most fonts at
     the same font-size. These multipliers put it back on an even footing. */
  --kucin-scale: 1.15;   /* bump font-size by ~15% when swapping it in   */
  --kucin-leading: 1.65; /* it needs more line-height than a text face   */
  --kucin-tracking: 0.01em;
}

/* --------------------------------------------------------------------------
   Utility classes
   -------------------------------------------------------------------------- */
.kucin {
  font-family: var(--kucin-font);
  line-height: var(--kucin-leading);
  letter-spacing: var(--kucin-tracking);
}

.kucin-bold { font-family: var(--kucin-font); font-weight: 700; }

/* Headline use — where a handwriting face works best */
.kucin-display {
  font-family: var(--kucin-font);
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0;
}

/* --------------------------------------------------------------------------
   Optional: apply to the whole page
   Uncomment if the font is your base typeface.
   -------------------------------------------------------------------------- */
/*
body {
  font-family: var(--kucin-font);
  font-size: calc(1rem * var(--kucin-scale));
  line-height: var(--kucin-leading);
}
*/