/**
 * Custom CSS
 *
 * This file is for your custom styles.
 * You can add any CSS rules here to customize the Ghost theme.
 *
 * Note: Changes made directly to this file may be overwritten during theme updates.
 * It's recommended to use the Code Injection feature in Ghost for persistent customizations.
 */

/* Your custom CSS goes below this line */

:root {
	--font-family-headings: 'Geist', sans-serif;
	--font-family-body: 'Geist', sans-serif;
	--font-family-button: 'Geist', sans-serif;
	--font-family-mono: 'Geist Mono', monospace;
}

body,
button,
input,
select,
textarea {
	font-family: var(--font-family-body);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-family-headings);
}

:where(
	.post-tags,
	.card-post-tags,
	.post-meta,
	.card-post-meta,
	.post-excerpt,
	.card-post-content > p,
	.card-post-excerpt,
	.slider-tags
) {
	font-family: var(--font-family-mono);
	font-style: normal;
	letter-spacing: 0;
}

:where(
	.post-tags,
	.card-post-tags,
	.post-meta,
	.card-post-meta,
	.post-excerpt,
	.card-post-content > p,
	.card-post-excerpt,
	.slider-tags
) :where(em, i, cite, dfn) {
	font-style: normal !important;
}

:where(em, i, cite, dfn, .kg-blockquote-alt) {
	font-style: normal !important;
}

.kg-header-card h2.kg-header-card-header {
	letter-spacing: 0 !important;
}