@import "tailwindcss";

/* Manual dark mode: `dark:` variants activate under html.dark (toggled by the
   theme Stimulus controller; persisted in localStorage). */
@custom-variant dark (&:where(.dark, .dark *));

@theme {
	--font-display: "Press Start 2P", "Monaco", "Courier New", monospace;
	--font-body: "IBM Plex Sans", "Inter", ui-sans-serif, system-ui, sans-serif;
}

body {
	font-family: var(--font-body);
}

h1,
h2,
h3,
.font-mono {
	font-family: var(--font-display);
}