/* ==========================================================================
   نَبْض | NABD — Kinetic Interior Design
   ملف: /css/variables.css
   نظام المتغيرات والتصميم السويسري الحديث (Swiss Modern)
   ========================================================================== */

:root {
  /* --------------------------------------------------------------------------
     نظام الألوان (Swiss Modern)
     -------------------------------------------------------------------------- */
  --bone:           #F0EBE0;   /* بيج بارد فاتح — الخلفية الأساسية */
  --jet:            #0A0A0A;   /* أسود حبري — النص الأساسي */
  --ink:            #1A1A1A;   /* أسود ناعم — النص الثانوي */
  --graphite:       #4A4A4A;   /* رمادي داكن — labels */
  --smoke:          #8A8580;   /* رمادي دافئ — muted */

  --acid:           #FFD60A;   /* أصفر حامي — accent أساسي */
  --electric:       #0047FF;   /* أزرق كهربائي — accent ثانوي */
  --pulse:          #FF3366;   /* وردي نابض — للحالات النشطة */

  --border-thin:    rgba(10, 10, 10, 0.12);
  --border-strong:  rgba(10, 10, 10, 0.85);
  --border-bone:    rgba(240, 235, 224, 0.15);

  /* --------------------------------------------------------------------------
     الخطوط
     -------------------------------------------------------------------------- */
  --font-heading:   "Cairo", "IBM Plex Sans Arabic", sans-serif;
  --font-subheading:"IBM Plex Sans Arabic", sans-serif;
  --font-body:      "IBM Plex Sans Arabic", -apple-system, sans-serif;
  --font-numeric:   "Space Grotesk", monospace;
  --font-latin:     "Space Grotesk", sans-serif;

  /* الأوزان */
  --fw-thin:        200;
  --fw-light:       300;
  --fw-normal:      400;
  --fw-medium:      500;
  --fw-semibold:    600;
  --fw-bold:        700;
  --fw-extrabold:   800;
  --fw-black:       1000;

  /* ارتفاعات السطور */
  --lh-tight:       0.95;   /* للعناوين العملاقة */
  --lh-heading:     1.1;    /* للعناوين الرئيسية */
  --lh-subheading:  1.35;   /* للعناوين الفرعية */
  --lh-body:        1.7;    /* للنصوص العربية */

  /* سلم الأحجام (Kinetic: أكبر من المعتاد) */
  --fs-hero:        clamp(3rem, 9vw, 8rem);
  --fs-display:     clamp(4rem, 12vw, 11rem);   /* للأرقام الضخمة */
  --fs-page-title:  clamp(2.5rem, 6vw, 5rem);
  --fs-section:     clamp(2rem, 4.5vw, 3.5rem);
  --fs-subsection:  clamp(1.25rem, 2.5vw, 1.75rem);
  --fs-lead:        clamp(1.125rem, 1.5vw, 1.375rem);
  --fs-body:        1.0625rem;
  --fs-small:       0.9375rem;
  --fs-label:       0.75rem;
  --fs-marquee:     clamp(1.5rem, 3vw, 2.5rem);

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

  /* --------------------------------------------------------------------------
     الحركة (Kinetic timings)
     -------------------------------------------------------------------------- */
  --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);
  --ease-spring:    cubic-bezier(0.34, 1.56, 0.64, 1);

  --duration-fast:   200ms;
  --duration-hover:  350ms;
  --duration-enter:  600ms;
  --duration-reveal: 900ms;
  --duration-cursor: 250ms;

  /* فلتر الصور */
  --image-filter:   saturate(1.05) contrast(1.02);
}