/**
 * Design tokens: colour, type, spacing, radii, shadows.
 * Deep Islamic green, white, warm gold, soft neutrals.
 */

:root {
	/* Colour */
	--dut-green: #0b3d2e;
	--dut-green-mid: #0f5138;
	--dut-green-dark: #082c22;
	--dut-gold: #c9a227;
	--dut-gold-light: #e8d48a;
	--dut-cream: #f7f4ec;
	--dut-sand: #efe9db;
	--dut-ink: #1c2b26;
	--dut-muted: #53645c;
	--dut-border: #ddd5c5;
	--dut-white: #ffffff;
	--dut-error: #a33a2a;

	/* Type */
	--dut-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--dut-font-heading: Georgia, "Times New Roman", serif;

	/* Spacing scale */
	--dut-space-1: 0.5rem;
	--dut-space-2: 1rem;
	--dut-space-3: 1.5rem;
	--dut-space-4: 2rem;
	--dut-space-5: 3rem;
	--dut-space-6: 4rem;

	/* Structure */
	--dut-radius: 12px;
	--dut-radius-sm: 8px;
	--dut-shadow: 0 2px 10px rgba(8, 44, 34, 0.08);
	--dut-shadow-lg: 0 10px 30px rgba(8, 44, 34, 0.12);
	--dut-container: 1140px;
}