/**
 * 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 */

@font-face {
	font-family: 'GeistSans';
	src: url('vendors/Geist-Variable.woff2') format('woff2');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'GeistMono';
	src: url('vendors/GeistMono-Variable.woff2') format('woff2');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'GeistPixelSquare';
	src: url('vendors/GeistPixel-Square.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'GeistPixelGrid';
	src: url('vendors/GeistPixel-Grid.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'GeistPixelCircle';
	src: url('vendors/GeistPixel-Circle.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'GeistPixelTriangle';
	src: url('vendors/GeistPixel-Triangle.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'GeistPixelLine';
	src: url('vendors/GeistPixel-Line.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

:root {
	--font-family-headings: 'GeistSans', sans-serif;
	--font-family-body: 'GeistSans', sans-serif;
	--font-family-button: 'GeistSans', sans-serif;
	--font-family-mono: 'GeistMono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;

	/*
		Geist variable font features:
		- `cv11`: alternate single-storey 'l' that's easier to tell apart from '1'.
		- `liga`: enable common ligatures (default behaviour, explicit for clarity).
	*/
	font-feature-settings: 'cv11', 'liga';
	font-variant-ligatures: common-ligatures;
	text-rendering: optimizeLegibility;
}

.post-card-meta,
.post-card-meta > *,
.post-date,
.post-tag,
.section-info,
.section-info > *,
.post-status-icons,
.tag-card-head > span,
.footer-tags,
figcaption,
small,
:not(pre) > code,
pre,
kbd,
samp {
	font-family: var(--font-family-mono) !important;
}

.post-content :where(em, i) {
	font-style: normal !important;
	font-weight: var(--font-weight-regular) !important;
}

.post-card-meta .post-tag ~ .post-tag,
.section-info .post-tag ~ .post-tag {
	display: none;
}