/* 1. Import Tailwind (replaces @tailwind base/components/utilities) */
/* Fonts: Montserrat = Gotham substitute | Tinos = Times substitute (De Gruyter Brill CI) */
@import url('https://fonts.googleapis.com/css2?family=Tinos:ital,wght@0,400;0,700;1,400;1,700&family=Montserrat:wght@400;500;600;700&display=swap');
@import 'tailwindcss';

/* 2. Define Custom Theme Variables — De Gruyter Brill CI */
@theme {
	/* COLORS — exact De Gruyter Brill brand palette */
	--color-brand-navy: #012851; /* Prussian Blue */
	--color-brand-mint: #a1dcd8; /* Aqua Island */
	--color-brand-purple: #b4b9ff; /* Melrose */
	--color-brand-sand: #f0efe9; /* Neutral paper tone */
	--color-brand-white: #ffffff;
	--color-brand-dark: #0d0d0d;

	/* FONTS */
	--font-sans: 'Montserrat', ui-sans-serif, system-ui, sans-serif;
	--font-serif: 'Tinos', 'Times New Roman', Georgia, serif;

	--text-huge: 4rem;
}

/* 3. Base Styles */
@layer base {
	html {
		overscroll-behavior: none;
	}

	body {
		background-color: #ffffff;
		color: var(--color-brand-navy);
		font-family: var(--font-serif);
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-family: var(--font-sans);
		font-weight: 600;
	}
}