@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');

@import 'tailwindcss';
@plugin '@tailwindcss/typography';

:root {
	--bg-base: #f0e6d3;
	--bg-surface: #faf5eb;
	--primary: #C8860A;
	--primary-hover: #E8A020;
	--text: #1a1a2e;
	--text-muted: #6b6272;
	--border: #1a1a2e;
	--border-subtle: #d4cabb;
}

body {
	font-family: 'JetBrains Mono', monospace;
}

body::before {
	content: '';
	position: fixed;
	inset: 0;
	pointer-events: none;
	opacity: 0.03;
	background-image: repeating-conic-gradient(#1a1a2e 0% 25%, transparent 0% 50%);
	background-size: 4px 4px;
	z-index: 0;
}

/* Prose overrides for parchment theme */
.prose {
	--tw-prose-body: var(--text);
	--tw-prose-headings: var(--text);
	--tw-prose-links: var(--primary);
	--tw-prose-code: var(--text);
	--tw-prose-pre-bg: var(--bg-surface);
	--tw-prose-pre-code: var(--text);
}

.prose :where(code):not(:where([class~="not-prose"] *)) {
	background-color: var(--bg-surface);
	border-radius: 2px;
	padding: 0.125rem 0.25rem;
}

.prose :where(a):not(:where([class~="not-prose"] *)) {
	color: var(--primary);
}

.prose :where(a):not(:where([class~="not-prose"] *)):hover {
	color: var(--primary-hover);
}