root {
	--bg: hsl(0 0 100% / 0.25);
	--card: #f3f1e8;
	--ink: #231e18;
	--backdrop: #d8d3c2;
	--backdrop: hsl #ece9df (45deg 25% 90%);
	--mint: #b8d2c8b0;
	--mint-border: #9bc0b4;
	--sand: #d9cbac;
	--hairline: rgba(35, 30, 24, 0.22);
	--glass-shadow: 0 4px 30px hsl(0 0 0 / 0.05);
	--glass-blur: blur(2px);
	--kontrol-gul: #fcfecc;
	--kontrol-grøn: #346664;
	--stage-width: 1024px;
	--font-handwriting: "Fuzzy Bubbles", cursive;
	--font-typewriter: "Courier Prime", monospace;
}


/* ============================================================
   Spiseriet — pattern styles
   ============================================================ */

/* ── Hand-written section heading ────────────────────────── */
.is-style-spiseriet-hand,
.spiseriet-hand-heading {
	text-align: center;
	font-family: var(--font-handwriting);
	color: var(--ink);
	line-height: 1.15;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	margin-inline: auto;
	margin-block-end: 1.5rem;
	padding-top: 2.5rem;
}

.is-style-spiseriet-hand::before,
.is-style-spiseriet-hand::after,
.spiseriet-hand-heading::before,
.spiseriet-hand-heading::after {
	content: "";
	flex: 0 0 60px;
	height: 1px;
	background: var(--ink);
	opacity: 0.35;
}

.is-style-spiseriet-hand>span,
.spiseriet-hand-heading>span {
	display: inline-block;
}

/* ── Photo placeholder (diagonal stripes) ────────────────── */
.spiseriet-photo {
	position: relative;
	overflow: hidden;
	border: 1px solid var(--hairline);
	display: flex;
	align-items: center;
	justify-content: center;
	background: repeating-linear-gradient(135deg, var(--sand) 0 12px, var(--card) 12px 24px);
}

.spiseriet-photo--accent-1 {
	background: repeating-linear-gradient(135deg, #d9e6c9 0 12px, var(--card) 12px 24px);
}

.spiseriet-photo--accent-2 {
	background: repeating-linear-gradient(135deg, #e8d8b8 0 12px, var(--card) 12px 24px);
}

.spiseriet-photo--accent-3 {
	background: repeating-linear-gradient(135deg, #f0d6c0 0 12px, var(--card) 12px 24px);
}

.spiseriet-photo--accent-4 {
	background: repeating-linear-gradient(135deg, #e4d9be 0 12px, var(--card) 12px 24px);
}

.spiseriet-photo--accent-5 {
	background: repeating-linear-gradient(135deg, #c8d6c2 0 12px, var(--card) 12px 24px);
}

.spiseriet-photo--accent-6 {
	background: repeating-linear-gradient(135deg, #d9b890 0 12px, var(--card) 12px 24px);
}

.spiseriet-photo--accent-7 {
	background: repeating-linear-gradient(135deg, #b58a6a 0 12px, var(--card) 12px 24px);
}

.spiseriet-photo--accent-8 {
	background: repeating-linear-gradient(135deg, #e8c8c4 0 12px, var(--card) 12px 24px);
}

.spiseriet-photo__label {
	background: var(--card);
	padding: 6px 12px;
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
	font-size: 11px;
	color: var(--ink);
	opacity: 0.7;
	border: 1px solid var(--hairline);
	display: inline-block;
	margin: 0;
}

.spiseriet-photo--accent-1 {
	background: repeating-linear-gradient(135deg, #d9e6c9 0 12px, var(--card) 12px 24px);
}

.spiseriet-photo {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border: 1px solid var(--hairline);
	background: repeating-linear-gradient(135deg, var(--sand) 0 12px, var(--card) 12px 24px);
}