/*
 * JoeKe design tokens — locked to existing GP palette.
 * Header teal #113642 · Footer deep #061b23 · Accent lime #c1ff72
 */

:root {
	--jk-teal: #113642;
	--jk-teal-deep: #061b23;
	--jk-teal-mid: #0c2832;
	--jk-lime: #c1ff72;
	--jk-lime-hot: #d4ff9a;
	--jk-cyan: #8ae0e0;
	--jk-ink: #0a1216;
	--jk-text: #1a1f22;
	--jk-muted: #5a666c;
	--jk-bg: #f4f6f5;
	--jk-elevated: #ffffff;
	--jk-border: rgba(17, 54, 66, 0.12);
	--jk-on-dark: #f2f5f4;
	--jk-on-dark-muted: rgba(242, 245, 244, 0.72);

	--jk-font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;
	--jk-font-body: "Manrope", "Segoe UI", system-ui, sans-serif;

	--jk-space-1: 0.5rem;
	--jk-space-2: 1rem;
	--jk-space-3: 1.5rem;
	--jk-space-4: 2rem;
	--jk-space-5: 3rem;
	--jk-space-6: 4.5rem;
	--jk-space-7: 6.5rem;

	--jk-radius: 8px;
	--jk-radius-lg: 16px;
	--jk-max: 1100px;
	--jk-prose: 38rem;

	--jk-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--jk-duration: 240ms;
}

body.joeke-theme {
	font-family: var(--jk-font-body);
	color: var(--jk-text);
	background: var(--jk-bg);
	-webkit-font-smoothing: antialiased;
}

.jk-display {
	font-family: var(--jk-font-display);
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: 1.08;
}

.jk-muted {
	color: var(--jk-muted);
}

.jk-container {
	width: min(100% - 2rem, var(--jk-max));
	margin-inline: auto;
}