/* ELGHAZAWY Global Foundation | design tokens | local review build
   Load before the other foundation files. No page implementation is included. */

:root {
  --elg-navy: #061a2f;
  --elg-navy-strong: #041321;
  --elg-navy-soft: #102e4b;
  --elg-red: #e5161e;
  --elg-red-hover: #c91219;
  --elg-white: #ffffff;
  --elg-bg: #f4f6f8;
  --elg-surface: #ffffff;
  --elg-surface-raised: #fbfcfd;
  --elg-text: #12263a;
  --elg-muted: #617184;
  --elg-border: #dce4eb;
  --elg-border-strong: #b6c4d0;
  --elg-success: #176b43;
  --elg-success-bg: #edf9f1;
  --elg-warning: #8a5600;
  --elg-warning-bg: #fff8e8;
  --elg-error: #b42318;
  --elg-error-bg: #fff0ee;
  --elg-info: #155baa;
  --elg-info-bg: #edf5ff;

  --elg-font-ar: "Cairo", Tahoma, Arial, sans-serif;
  --elg-font-en: "Cairo", "Segoe UI", Arial, sans-serif;
  --elg-font-size: 16px;
  --elg-line-body: 1.75;
  --elg-line-heading: 1.35;
  --elg-weight-regular: 400;
  --elg-weight-medium: 500;
  --elg-weight-semibold: 600;
  --elg-weight-bold: 700;

  --elg-text-xs: 0.75rem;
  --elg-text-sm: 0.8125rem;
  --elg-text-base: 0.9375rem;
  --elg-text-md: 1rem;
  --elg-text-lg: 1.125rem;
  --elg-h1: clamp(1.875rem, 2.3vw, 2.75rem);
  --elg-h2: clamp(1.5rem, 1.8vw, 2rem);
  --elg-h3: clamp(1.125rem, 1.2vw, 1.375rem);

  --elg-space-1: 0.25rem;
  --elg-space-2: 0.5rem;
  --elg-space-3: 0.75rem;
  --elg-space-4: 1rem;
  --elg-space-5: 1.25rem;
  --elg-space-6: 1.5rem;
  --elg-space-8: 2rem;
  --elg-space-10: 2.5rem;
  --elg-space-12: 3rem;
  --elg-section-space: clamp(2.5rem, 4vw, 4.5rem);
  --elg-gutter: clamp(1rem, 2.3vw, 1.5rem);
  --elg-container: 80rem;
  --elg-container-narrow: 62rem;

  --elg-radius-sm: 0.375rem;
  --elg-radius: 0.625rem;
  --elg-radius-lg: 0.875rem;
  --elg-radius-pill: 999px;
  --elg-shadow-card: 0 2px 10px rgb(6 26 47 / 7%);
  --elg-shadow-raised: 0 10px 28px rgb(6 26 47 / 11%);
  --elg-focus-ring: 0 0 0 3px rgb(229 22 30 / 25%);
  --elg-control-height: 2.875rem;
  --elg-header-top-height: 2rem;
  --elg-header-main-height: 4.875rem;
  --elg-transition: 160ms ease;
}

html[lang^="ar"] body.elg-site { font-family: var(--elg-font-ar); }
html[lang^="en"] body.elg-site { font-family: var(--elg-font-en); }