/* ==========================================================================
   إتْمَام | ITMAM — variables.css
   المتغيرات المعمارية ونظام الألوان والأبعاد (Japandi Warm Neutral)
   ========================================================================== */

:root {
  /* الألوان — Japandi Warm Neutral */
  --washi:          #F2EDE4;
  --linen:          #E5DED2;
  --sumi:           #1C1B17;
  --stone:          #4A4740;
  --mist:           #8A8580;

  --clay:           #B5694A;
  --matcha:         #7A8471;
  --oak:            #A67C52;

  --line-thin:      rgba(28, 27, 23, 0.08);
  --line:           rgba(28, 27, 23, 0.15);
  --line-strong:    rgba(28, 27, 23, 0.85);

  /* الخطوط */
  --font-arabic:    "Reem Kufi", sans-serif;
  --font-display:   "Cormorant Garamond", serif;
  --font-body:      "IBM Plex Sans Arabic", sans-serif;
  --font-mono:      "Space Mono", monospace;

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

  /* ارتفاعات السطور */
  --lh-tight:       1.15;
  --lh-heading:     1.3;
  --lh-subheading:  1.5;
  --lh-body:        1.9;

  /* سلم الأحجام — Japandi (متوازن) */
  --fs-hero:        clamp(2.25rem, 4.5vw, 4rem);
  --fs-display:     clamp(2rem, 3.5vw, 3.25rem);
  --fs-page-title:  clamp(1.875rem, 3.5vw, 3rem);
  --fs-section:     clamp(1.5rem, 2.8vw, 2.25rem);
  --fs-subsection:  clamp(1.25rem, 2vw, 1.5rem);
  --fs-lead:        clamp(1.125rem, 1.5vw, 1.375rem);
  --fs-body:        1.0625rem;
  --fs-small:       0.9375rem;
  --fs-label:       0.75rem;

  /* التباعد */
  --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: 680px;
  --header-height:  84px;

  /* الحركة — Japandi هادئة */
  --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:   300ms;
  --duration-hover:  500ms;
  --duration-reveal: 1200ms;
  --duration-enter:  900ms;

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