/*
 * Archivo in place of Kanit and Open Sans.
 *
 * The theme names Kanit and Open Sans in some sixty rules. Rather than repeat
 * every one of those selectors, the two family names are re-declared here
 * with Archivo files behind them. Each face carries exactly the descriptors
 * the theme declares, so for the same family, weight and style the later
 * rule - this file, enqueued after the theme - wins.
 */

@font-face { font-family: "Kanit"; font-style: normal; font-weight: 300; font-display: swap; src: url("archivo-400.woff2") format("woff2"); }
@font-face { font-family: "Kanit"; font-style: normal; font-weight: 400; font-display: swap; src: url("archivo-400.woff2") format("woff2"); }
@font-face { font-family: "Kanit"; font-style: italic; font-weight: 400; font-display: swap; src: url("archivo-400-italic.woff2") format("woff2"); }
@font-face { font-family: "Kanit"; font-style: normal; font-weight: 600; font-display: swap; src: url("archivo-600.woff2") format("woff2"); }
@font-face { font-family: "Kanit"; font-style: normal; font-weight: 700; font-display: swap; src: url("archivo-700.woff2") format("woff2"); }

@font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("archivo-400.woff2") format("woff2"); }
@font-face { font-family: "Open Sans"; font-style: italic; font-weight: 400; font-display: swap; src: url("archivo-400-italic.woff2") format("woff2"); }
@font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("archivo-700.woff2") format("woff2"); }

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*
 * Page and section headings: SemiBold and set slightly tighter, colour unchanged.
 * Card titles in product and category grids stay regular, and so do the
 * headings editors type into category and product descriptions - those are
 * body-sized and read as shouting in 600.
 */
h1,
h2:not(.woocommerce-loop-product__title, .woocommerce-loop-category__title, .term-description h2, .woocommerce-Tabs-panel--description > h2 ~ h2),
h3,
.category__title,
.accordion-item__toggle > span,
.teaserbox a {
	font-weight: 600;
	letter-spacing: -0.02em;
}