/*
 * Vitalink Mesotech Skin — Web font declarations
 * ------------------------------------------------------------------
 * Default family: Vazirmatn (OFL — free for commercial use, license-safe).
 *
 * HOW TO USE YOUR OWN FONT FILES
 * 1. Drop the font files into:  assets/fonts/
 * 2. Match the file names below, OR edit the src: url() lines to match
 *    whatever you uploaded.
 * 3. If you switch to a different family (e.g. IRANSansX or Yekan Bakh —
 *    note: those require a paid commercial license), just:
 *      - change the font-family name in each @font-face below, and
 *      - change --vlk-font in assets/css/brand.css to the new name.
 *
 * Expected files (woff2 preferred, woff fallback):
 *   Vazirmatn-Light.woff2     (300)
 *   Vazirmatn-Regular.woff2   (400)
 *   Vazirmatn-Medium.woff2    (500)
 *   Vazirmatn-SemiBold.woff2  (600)
 *   Vazirmatn-Bold.woff2      (700)
 *
 * font-display: swap keeps text visible while the font loads.
 * ------------------------------------------------------------------ */

@font-face {
	font-family: "Vazirmatn";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url("../fonts/Vazirmatn-Light.woff2") format("woff2"),
	     url("../fonts/Vazirmatn-Light.woff") format("woff");
}

@font-face {
	font-family: "Vazirmatn";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/Vazirmatn-Regular.woff2") format("woff2"),
	     url("../fonts/Vazirmatn-Regular.woff") format("woff");
}

@font-face {
	font-family: "Vazirmatn";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/Vazirmatn-Medium.woff2") format("woff2"),
	     url("../fonts/Vazirmatn-Medium.woff") format("woff");
}

@font-face {
	font-family: "Vazirmatn";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/Vazirmatn-SemiBold.woff2") format("woff2"),
	     url("../fonts/Vazirmatn-SemiBold.woff") format("woff");
}

@font-face {
	font-family: "Vazirmatn";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/Vazirmatn-Bold.woff2") format("woff2"),
	     url("../fonts/Vazirmatn-Bold.woff") format("woff");
}

/* ==================================================================
 * OPTIONAL: display font for HEADINGS (font pairing)
 * ------------------------------------------------------------------
 * Mesotech itself uses one family, so this is OFF by default. To give
 * headings extra character (nice for the beauty side):
 *   1. Upload the heading-font files into assets/fonts/
 *   2. Uncomment the @font-face block below (fix names if needed)
 *   3. In brand.css set:  --vlk-font-heading: "Morabba", var(--vlk-font);
 *
 * Example uses "Morabba" (a Persian display face). Swap for any family
 * you license/choose. Vazirmatn + Morabba are both OFL / license-safe.
 *
 * @font-face {
 *     font-family: "Morabba";
 *     font-style: normal;
 *     font-weight: 700;
 *     font-display: swap;
 *     src: url("../fonts/Morabba-Bold.woff2") format("woff2"),
 *          url("../fonts/Morabba-Bold.woff") format("woff");
 * }
 * @font-face {
 *     font-family: "Morabba";
 *     font-style: normal;
 *     font-weight: 500;
 *     font-display: swap;
 *     src: url("../fonts/Morabba-Medium.woff2") format("woff2"),
 *          url("../fonts/Morabba-Medium.woff") format("woff");
 * }
 * ================================================================== */