/* Design tokens — see DESIGN-SYSTEM.md for rationale. Single source of truth. */

@font-face {
	font-family: 'Alexandria';
	src: url('../fonts/alexandria-arabic-variable.woff2') format('woff2-variations'),
	     url('../fonts/alexandria-arabic-variable.woff2') format('woff2');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFC;
}

:root {
	/* Color */
	--ns-navy-950: #071A26;
	--ns-navy-800: #0C3747;
	--ns-teal-500: #00A6A6;
	--ns-teal-400: #12C2C2;
	--ns-amber-500: #E9B949;
	--ns-off-white: #F7F9FA;
	--ns-white: #FFFFFF;
	--ns-ink-900: #0E1B22;
	--ns-ink-on-dark: #EAF3F4;
	--ns-success-600: #1E9E5A;
	--ns-danger-600: #C0392B;

	/* Type */
	--ns-font-base: 'Alexandria', 'Segoe UI', Tahoma, sans-serif;
	--ns-h1-size: clamp(2rem, 5vw + 1rem, 3.5rem);
	--ns-h2-size: clamp(1.5rem, 3vw + 1rem, 2.25rem);
	--ns-h3-size: clamp(1.25rem, 2vw + 1rem, 1.5rem);
	--ns-body-size: 1rem;
	--ns-small-size: 0.875rem;

	/* Spacing (8px base) */
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 24px;
	--space-6: 32px;
	--space-7: 48px;
	--space-8: 64px;
	--space-9: 96px;
	--space-10: 128px;

	/* Layout */
	--ns-container-max: 1280px;
	--radius-sm: 8px;
	--radius-md: 16px;
	--radius-lg: 28px;
	--shadow-soft: 0 2px 10px rgba(7, 26, 38, 0.08);
	--shadow-lift: 0 12px 32px rgba(7, 26, 38, 0.18);
}