:root {
  --primary-900: #123B5D; --primary-700: #1D527A; --primary-500: #2D6A96; --primary-100: #EAF3F8;
  --accent-600: #B51F2B; --accent-500: #C52A35; --accent-100: #FCECEE;
  --background: #FFFFFF; --surface: #F7F9FB; --surface-blue: #F2F7FA; --text-900: #17212B; --text-700: #344454; --text-600: #52606D; --text-400: #8795A1; --border: #DCE3E8;
  --success: #168A52; --success-text: #0F6B3F; --warning: #B7791F; --warning-text: #8A5716; --error: #C53030;
  --font-ar: 'Cairo', Tahoma, sans-serif; --font-en: 'Inter', Arial, sans-serif;
  --display: clamp(2.5rem, 5vw, 3.5rem); --h1: clamp(2.125rem, 4vw, 3rem); --h2: clamp(1.875rem, 3.2vw, 2.5rem); --h3: clamp(1.5rem, 2.2vw, 1.875rem); --h4: 1.5rem; --body-l: 1.3125rem; --body: 1.125rem; --body-s: 1rem; --caption: .875rem;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-6: 24px; --space-8: 32px; --space-10: 40px; --space-12: 48px; --space-16: 64px; --space-20: 80px; --space-24: 96px; --space-30: 120px;
  --radius-xs: 6px; --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-xl: 20px; --radius-pill: 999px;
  --shadow-soft: 0 4px 20px rgb(18 59 93 / .08); --shadow-elevated: 0 10px 30px rgb(18 59 93 / .10);
  --motion-interaction: 180ms; --motion-standard: 280ms; --motion-large: 400ms; --container: 1240px;
}