:root {
	/* Colors - Luxury UAE Palette */
	--color-navy: #0A192F;
	--color-blue: #1E3E62;
	--color-gold: #F2B705;
	--color-light-gray: #F8FAFC;
	--color-text: #1E293B;
	--color-white: #FFFFFF;
	--color-border: #E2E8F0;
	--color-muted: #64748B;

	/* Semantic color aliases */
	--color-primary: var(--color-navy);
	--color-accent: var(--color-blue);
	--color-highlight: var(--color-gold);
	--color-surface: var(--color-white);
	--color-paper: var(--color-light-gray);
	--color-ink: var(--color-text);

	/* Typography */
	/* System font stack, not a downloaded webfont — instant text render, no
	   FOUT/FOIT, and each OS's own highly-tuned, most-readable UI typeface. */
	--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--font-body: var(--font-sans);
	--font-size-small: 0.875rem;
	--font-size-body: 1rem;
	--font-size-h6: 1.125rem;
	--font-size-h5: 1.25rem;
	--font-size-h4: 1.5rem;
	--font-size-h3: 1.875rem;
	--font-size-h2: 2.25rem;
	--font-size-h1: 3rem;
	--line-height-tight: 1.15;
	--line-height-body: 1.6;
	--line-height-loose: 1.75;

	/* Spacing: 4px base */
	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-5: 1.25rem;
	--space-6: 1.5rem;
	--space-8: 2rem;
	--space-10: 2.5rem;
	--space-12: 3rem;
	--space-16: 4rem;

	/* Borders — squared off site-wide, by request */
	--radius-sm: 0;
	--radius-md: 0;
	--radius-lg: 0;
	--radius-pill: 0;

	/* Layout */
	--content-width: 72rem;
	--breakpoint-mobile: 48rem;
	--breakpoint-tablet: 64rem;
	--breakpoint-desktop: 64rem;
}