:root {
	/* Seyeya Courts brand palette */
	--color-primary: #004C77;
	--color-primary-dark: #083955;
	--color-primary-deep: #0b4a6f;
	--color-gold: #D0B770;
	--color-gold-light: #E0C992;
	--color-accent-orange: #ff622a;
	--color-charcoal: #212121;
	--color-secondary: #54595F;
	--color-text: #7A7A7A;
	--color-white: #FFFFFF;
	--color-cream: #F9F9F9;
	--color-gray: #7A7A7A;
	--color-gray-light: #E8E8E8;
	--color-border: #DDDDDD;

	--font-heading: 'Marcellus', Georgia, serif;
	--font-body: 'Lato', -apple-system, BlinkMacSystemFont, sans-serif;

	--fs-xs: 0.75rem;
	--fs-sm: 0.875rem;
	--fs-base: 1rem;
	--fs-md: 1.125rem;
	--fs-lg: 1.5rem;
	--fs-xl: 2rem;
	--fs-2xl: 2.5rem;
	--fs-3xl: 3rem;
	--fs-hero: clamp(2.25rem, 4.5vw, 3.75rem);

	--spacing-xs: 0.5rem;
	--spacing-sm: 1rem;
	--spacing-md: 2rem;
	--spacing-lg: 3.5rem;
	--spacing-xl: 5rem;
	--spacing-2xl: 7rem;

	--container-wide: 1200px;
	--container-narrow: 860px;

	--header-height: 80px;
	--transition: 0.3s ease;
	--shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
	--shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.12);

	--z-header: 1000;
	--z-booking: 900;
	--z-overlay: 100;
}