/* ============================================================
   MEMONS - SITE-WIDE FONT CONTROL
   Edit just this one file to change fonts across every page.
   How to change: swap the @font-face src (font file) and family name,
   plus the :root --font-head / --font-body values.
   ============================================================ */

/* headings (current: Chakra Petch) */
@font-face{font-family:'ChakraPetch';src:url('fonts/ChakraPetch-Regular.woff2') format('woff2'),url('fonts/ChakraPetch-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'ChakraPetch';src:url('fonts/ChakraPetch-Medium.woff2') format('woff2'),url('fonts/ChakraPetch-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:'ChakraPetch';src:url('fonts/ChakraPetch-SemiBold.woff2') format('woff2'),url('fonts/ChakraPetch-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:'ChakraPetch';src:url('fonts/ChakraPetch-Bold.woff2') format('woff2'),url('fonts/ChakraPetch-Bold.ttf') format('truetype');font-weight:700 900;font-display:swap}

/* body (current: Inter) */
@font-face{font-family:'Inter';src:url('fonts/Inter.woff2') format('woff2'),url('fonts/Inter.ttf') format('truetype');font-weight:300 800;font-display:swap}

:root{
  --font-head:'ChakraPetch','Rajdhani',sans-serif;  /* headings - logo - menu - buttons */
  --font-body:'Inter',system-ui,sans-serif;          /* body - descriptions - numbers */
}

/* headings / logo / labels / buttons -> head font (site-wide) */
h1,h2,h3,h4,h5,h6,
.brand,.title,.sec-title,.vtitle,.vtitleX,.mlabel,.viewall,.dbtn,.dname,.name,.rname,.rr,.tag,.how .ht{
  font-family:var(--font-head);
}