:root {--color-primary: #152E47;--color-primary-hover: #1D4063;--color-accent: #f59f0a;--color-accent-hover: #D89A39;--color-accent-light: #F8E8C8;--color-background: #F6F8FB;--color-surface: #FFFFFF;--color-surface-alt: #EEF2F6;--color-overlay: rgba(0,0,0,.65);--color-heading: #17324D;--color-body: #334155;--color-muted: #6B7280;--color-white: #FFFFFF;--color-border: #D8DEE6;--color-border-light: #EDF1F5;--color-success: #22C55E;--color-warning: #F59E0B;--color-danger: #EF4444;--color-info: #3B82F6;--font-heading: Cairo;--font-body: Tajawal;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--fs-display-xl: 64px;--fs-display-lg: 56px;--fs-h1: 48px;--fs-h2: 36px;--fs-h3: 30px;--fs-h4: 24px;--fs-h5: 20px;--fs-h6: 18px;--fs-body-lg: 18px;--fs-body: 16px;--fs-small: 14px;--fs-caption: 12px;--lh-tight: 1.2;--lh-heading: 1.3;--lh-body: 1.7;--lh-loose: 1.9;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--space-7: 64px;--space-8: 96px;--space-9: 128px;--space-10: 160px;--radius-none: 0;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-round: 999px;--shadow-sm: 0 4px 20px -4px hsl(218 55% 18% / .12);--shadow-md: 0 8px 30px -8px hsl(36 65% 48% / .40);--shadow-lg: 0 10px 40px -10px hsl(218 55% 18% / .35);--shadow-gold: 0 20px 50px -15px hsl(218 55% 18% / .22);--shadow-brand: 0 8px 30px -8px hsl(36 65% 48% / .40);--container: 1280px;--container-wide: 1400px;--transition-fast: 0.2s ease;--transition-normal: 0.3s ease;--transition-smooth: 0.4s cubic-bezier(.4,0,.2,1);--transition-bounce: 0.5s cubic-bezier(.34,1.56,.64,1);--gradient-primary: linear-gradient( 135deg, hsl(218 55% 18%) 0%, hsl(218 45% 28%) 100% );--gradient-accent: linear-gradient( 135deg, hsl(36 65% 48%) 0%, hsl(40 75% 58%) 100% );--gradient-hero: linear-gradient( 180deg, hsl(218 55% 12% / .9) 0%, hsl(218 55% 18% / .7) 100% );--gradient-surface: linear-gradient( 180deg, hsl(220 10% 96%) 0%, hsl(220 15% 92%) 100% );--transparent: transparent;--container-narrow: 960px;--color-secondary-soft: hsla(215, 20%, 50%, 0.3);--button-dark: hsl(215 20% 50%);}