/* Landing page of demo.catalunyamedieval.es. Hand-written, tiny, no external fonts or requests. */
:root {
	--cm-demo-bg: #f6efe0;
	--cm-demo-surface: #fffaf0;
	--cm-demo-text: #2b2118;
	--cm-demo-muted: #6b5b4a;
	--cm-demo-border: #dccfb4;
	--cm-demo-header-bg: #1f1710;
	--cm-demo-accent: #8b1c1c;
	--cm-demo-accent-text: #fff;
	--cm-demo-gold: #d4b060;
	--cm-demo-link: #8b1c1c;
}

:root:not([data-theme="light"]) {
	color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		--cm-demo-bg: #16110c;
		--cm-demo-surface: #221a12;
		--cm-demo-text: #efe5d2;
		--cm-demo-muted: #b3a58f;
		--cm-demo-border: #3a2e22;
		--cm-demo-header-bg: #0f0b07;
		--cm-demo-accent: #b8382f;
		--cm-demo-link: #e0a064;
	}
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	background: var(--cm-demo-bg);
	color: var(--cm-demo-text);
	font: 16px/1.55 Georgia, "Times New Roman", serif;
}

a {
	color: var(--cm-demo-link);
}

.cm-demo-header {
	padding: 28px 16px 20px;
	background: var(--cm-demo-header-bg);
	border-bottom: 2px solid var(--cm-demo-gold);
	text-align: center;
}

.cm-demo-header__title {
	margin: 0;
	color: var(--cm-demo-gold);
	font-size: 1.6rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.cm-demo-header__tagline {
	margin: 6px 0 0;
	color: #c9bda8;
	font-size: 0.95rem;
	font-style: italic;
}

.cm-demo-header__tagline a {
	color: var(--cm-demo-gold);
}

.cm-demo-main {
	flex: 1;
	width: 100%;
	max-width: 1040px;
	margin: 0 auto;
	padding: 32px 16px;
}

.cm-demo-intro {
	margin: 0 0 24px;
	text-align: center;
	color: var(--cm-demo-muted);
}

.cm-demo-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.cm-demo-card {
	display: flex;
	flex-direction: column;
	padding: 20px;
	background: var(--cm-demo-surface);
	border: 1px solid var(--cm-demo-border);
	border-radius: 8px;
}

.cm-demo-card__title {
	margin: 0 0 8px;
	font-size: 1.25rem;
}

.cm-demo-card__version {
	margin-left: 6px;
	color: var(--cm-demo-muted);
	font-size: 0.8rem;
	font-weight: normal;
}

.cm-demo-card__text {
	flex: 1;
	margin: 0 0 16px;
	color: var(--cm-demo-muted);
}

.cm-demo-card__links {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
	margin: 0;
}

.cm-demo-button {
	display: inline-block;
	padding: 8px 16px;
	background: var(--cm-demo-accent);
	color: var(--cm-demo-accent-text);
	border-radius: 4px;
	text-decoration: none;
}

.cm-demo-button:hover,
.cm-demo-button:focus-visible {
	filter: brightness(1.15);
}

.cm-demo-footer {
	padding: 20px 16px;
	color: var(--cm-demo-muted);
	font-size: 0.9rem;
	text-align: center;
}