/* GENERATED by tools/build-tokens.js from design-system/tokens.json. Do not edit by hand. */
:root {
	--color-bg-page: #ffffff; /* Page */
	--color-bg-band: #f2f3f4; /* Alternate band */
	--color-bg-sunken: #e8eaec; /* Image placeholder, wells */
	--color-bg-deep: #0e141b; /* Deep moments: trust cell, closing, footer */
	--color-bg-deep-2: #17212b; /* Raised on deep */
	--color-text: #111820; /* Primary text */
	--color-text-2: #2a333d; /* Body copy */
	--color-text-muted: #59636f; /* Captions, labels */
	--color-text-on-deep: #e9ecef; /* Text on deep */
	--color-text-on-deep-muted: #a3adb8; /* Muted on deep */
	--color-line: #d8dce0; /* Hairline */
	--color-line-strong: #b9c0c7; /* Field border */
	--color-line-on-deep: #22303d; /* Hairline on deep */
	--color-accent: #d1162b; /* Primary action, active mark. The only accent. */
	--color-accent-hover: #b0101f; /* Primary hover, red text on light */
	--color-accent-press: #930c19; /* Primary pressed */
	--color-accent-on-deep: #ff6b73; /* Red text on deep */
	--color-focus: #111820; /* Focus ring on light */
	--color-focus-on-deep: #ffffff; /* Focus ring on deep/photo */
	--color-success: #1e7a4a;
	--color-success-tint: #e6f3ec;
	--color-error: #b3261e;
	--color-error-tint: #fbeaea;
	--color-placeholder: #6b7480;
	--type-caption: 0.8125rem; /* Captions, meta */
	--type-small: 0.9375rem; /* UI, labels, secondary copy */
	--type-body: 1.0625rem; /* Body (Arabic reads best at 17px) */
	--type-lead: clamp(1.125rem, 1.05rem + 0.35vw, 1.3125rem); /* Lede, 18-21px */
	--type-h4: 1.25rem; /* Item titles */
	--type-h3: clamp(1.375rem, 1.2rem + 0.6vw, 1.75rem); /* 22-28px */
	--type-h2: clamp(1.75rem, 1.35rem + 1.55vw, 2.625rem); /* 28-42px */
	--type-h1: clamp(2.125rem, 1.45rem + 2.6vw, 3.5rem); /* 34-56px: authority by weight and measure, not size */
	--type-figure: clamp(2.75rem, 2rem + 2.8vw, 4.25rem); /* The one leading figure (21,579) */
	--type-lh-display: 1.3;
	--type-lh-text: 1.85;
	--type-lh-ui: 1.45;
	--type-measure-text: 62ch;
	--type-measure-heading: 20ch;
	--layout-container: 80rem; /* 1280px content */
	--layout-container-wide: 90rem; /* 1440px header/hero rails */
	--layout-gutter: clamp(1.25rem, 0.6rem + 3vw, 3.5rem); /* 20-56px */
	--layout-grid-gap: clamp(1rem, 0.6rem + 1.4vw, 2rem); /* 16-32px */
	--layout-section: clamp(4.5rem, 3.2rem + 3.6vw, 7rem); /* 72-112px between sections */
	--layout-header: 4.75rem; /* 76px, 64px once scrolled */
	--layout-hit: 2.75rem; /* 44px touch target */
	--radius-media: 12px; /* Photos and panels (full-bleed media: 0) */
	--radius-control: 8px; /* Buttons, fields, chips */
	--radius-inner: 6px; /* Nested inside controls */
	--motion-micro: 120ms; /* Colour/background feedback */
	--motion-state: 240ms; /* Active-state changes */
	--motion-reveal: 560ms; /* Content entrances */
	--motion-image: 900ms; /* Mask and image transitions */
	--motion-intro: 1400ms; /* The hero opening only */
	--motion-ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* Entrances, settling */
	--motion-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* Masks, wipes */
	--motion-stagger: 70ms; /* Between siblings */
	--motion-rise: 1.25rem; /* Reveal travel (20px) */
	--button-height-md: 3rem;
	--button-height-lg: 3.5rem;
	--button-primary-bg: #d1162b;
	--button-primary-bg-hover: #b0101f;
	--button-primary-bg-press: #930c19;
	--button-primary-text: #ffffff;
	--button-secondary-border: #111820;
	--button-secondary-text: #111820;
	--field-height: 3.25rem;
	--field-border: #b9c0c7;
	--field-border-hover: #59636f;
	--field-border-focus: #111820;
	--field-border-error: #b3261e;
	--media-ratio-hero: 16 / 9;
	--media-ratio-band: 21 / 9;
	--media-ratio-stage: 3 / 2;
	--media-ratio-thumb: 4 / 3;
	--font-family: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, system-ui, sans-serif;
	--font-regular: 400;
	--font-medium: 500;
	--font-semibold: 600;
	--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;
	--space-20: 5rem;
	--space-24: 6rem;
}