@font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 400; font-display: swap; src: url('assets/fonts/titillium-web-400.woff2') format('woff2'); }
@font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 600; font-display: swap; src: url('assets/fonts/titillium-web-600.woff2') format('woff2'); }
@font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 700; font-display: swap; src: url('assets/fonts/titillium-web-700.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url('assets/fonts/poppins-400.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url('assets/fonts/poppins-600.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url('assets/fonts/poppins-700.woff2') format('woff2'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('assets/fonts/roboto-variable.woff2') format('woff2'); }
/* Modern defaults; explicit preset typography can override these low-specificity rules. */
:where(body, button, input, select, textarea) { font-family: var(--chiwa-font, 'Roboto'), sans-serif; }
:where(h1, h2, h3, h4, h5, h6) { font-family: var(--chiwa-heading-font, 'Titillium Web'), sans-serif; }
:where(nav, .nav) { font-family: var(--chiwa-navigation-font, 'Poppins'), sans-serif; }