/**
 * Hickory's At Home — fonts and typography.
 *
 * Kept separate from site.css because this file is also loaded into the block
 * editor, so the admin renders in the same faces as the front end.
 * Font paths are relative to this file.
 */

/* Fonts — self-hosted from the main Hickory's theme */
@font-face {
	font-family: 'HanleyBlock';
	src: url('fonts/hanley/HanleyRough-Block.woff2') format('woff2'),
	     url('fonts/hanley/HanleyRough-Block.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'AmericanTypewriter';
	src: url('fonts/american-typewriter/AmericanTypewriter.woff2') format('woff2'),
	     url('fonts/american-typewriter/AmericanTypewriter.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/* Typography */
:root {
	--hah-font-body: 'AmericanTypewriter', 'American Typewriter', 'Courier New', Courier, monospace;
	--hah-font-heading: 'HanleyBlock', 'Hanley Rough', 'Oswald', 'Times New Roman', Times, Georgia, serif;
}

/* Body text. Form controls do not inherit the body font, so name them too. */
body,
input,
select,
optgroup,
textarea {
	font-family: var(--hah-font-body) !important;
}

/* Headings, including block editor headings and common theme title classes. */
h1, h2, h3, h4, h5, h6,
.wp-block-heading,
.wp-block-post-title,
.wp-block-site-title,
.wp-block-button,
.entry-title,
.page-title,
.widget-title,
.woocommerce-loop-product__title,
.product_title,
.ast-builder-menu .main-navigation,
.footer-bar-navigation,
.moderncart-slide-out-header-title,
.wc-proceed-to-checkout,
button {
	font-family: var(--hah-font-heading) !important;
}