:root {
  /* =========================================
     الألوان — Editorial Warm
     ========================================= */
  --cream:          #F4EFE6;
  --sand:           #E8DFD0;
  --charcoal:       #1C1A17;
  --graphite:       #4A4540;
  --smoke:          #8C847A;

  --gold:           #A8894A;
  --gold-dark:      #8A6E2F;
  --terracotta:     #B5694A;
  --olive:          #6B7355;

  --border-thin:    rgba(28, 26, 23, 0.10);
  --border-mid:     rgba(28, 26, 23, 0.20);
  --border-strong:  rgba(28, 26, 23, 0.85);

  /* =========================================
     الخطوط
     ========================================= */
  --font-display:   "Playfair Display", serif;      /* عناوين لاتينية/عملاقة */
  --font-arabic:    "Aref Ruqaa", serif;            /* عناوين عربية كبيرة */
  --font-body:      "IBM Plex Sans Arabic", sans-serif; /* نصوص عربية */
  --font-numeric:   "Space Grotesk", monospace;     /* أرقام ولاتيني */

  /* الأوزان */
  --fw-light:       300;
  --fw-normal:      400;
  --fw-medium:      500;
  --fw-semibold:    600;
  --fw-bold:        700;
  --fw-black:       900;

  /* ارتفاعات السطور */
  --lh-tight:       1.05;   /* للعناوين العملاقة */
  --lh-heading:     1.15;   /* للعناوين الرئيسية */
  --lh-subheading:  1.35;
  --lh-body:        1.75;   /* للنصوص العربية — مريح */

  /* سلم الأحجام (Editorial — واسع ومتدرج) */
  --fs-hero:        clamp(3rem, 8vw, 7rem);
  --fs-display:     clamp(4rem, 10vw, 9rem);    /* أرقام الإنجاز */
  --fs-page-title:  clamp(2.5rem, 5vw, 4.5rem);
  --fs-section:     clamp(1.875rem, 4vw, 3rem);
  --fs-subsection:  clamp(1.25rem, 2vw, 1.5rem);
  --fs-lead:        clamp(1.125rem, 1.5vw, 1.3rem);
  --fs-body:        1.0625rem;
  --fs-small:       0.9375rem;
  --fs-label:       0.75rem;

  /* =========================================
     التباعد
     ========================================= */
  --space-unit:     8px;
  --space-xs:       8px;
  --space-sm:       16px;
  --space-md:       24px;
  --space-lg:       40px;
  --space-xl:       64px;
  --space-2xl:      96px;
  --space-3xl:      144px;

  --container-max:  1440px;
  --container-narrow: 1080px;
  --container-text: 720px;
  --header-height:  88px;

  /* =========================================
     الحركة — هادئة وتحريرية
     ========================================= */
  --ease-out-expo:  cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --ease-in-out:    cubic-bezier(0.65, 0, 0.35, 1);

  --duration-fast:   200ms;
  --duration-hover:  400ms;
  --duration-reveal: 900ms;
  --duration-enter:  700ms;

  /* صور */
  --image-filter: saturate(0.95) contrast(1.02);
}