/* ============================================================
   فنار شوب — Design Tokens
   مشتقة من اللوجو الفعلي: منارة سِيچ + تركواز + قلب مرجاني
   المصدر: https://fanarshop.co/wp-content/uploads/2024/12/FANAR.png
   عيّنة الألوان المستخرجة: #6C9286 (سائد) · #41C1BA · #87986A · #E1525F
   كل التعريفات محصورة داخل جذر fnr — لا CSS عابر للموقع.
   ============================================================ */

.fnr-site{
  /* ---------- اللون: الهوية ---------- */
  --fnr-sage: #6C9286;          /* لون المنارة الأساسي في اللوجو */
  --fnr-sage-deep: #3E6157;     /* أزرار وإجراءات — تباين AA مع الأبيض */
  --fnr-sage-ink: #24413C;      /* لون النص الأساسي */
  --fnr-turquoise: #41C1BA;     /* شريط المنارة — الحالة النشطة والحيّة */
  --fnr-olive: #87986A;         /* كلمة FANAR في اللوجو */
  --fnr-coral: #E1525F;         /* القلب — لحظات الهدية والحب فقط */

  /* ---------- اللون: الأسطح الدافئة (الخشب) ---------- */
  --fnr-paper: #FDFCFA;
  --fnr-sand: #F4EEE5;          /* شريط قسم دافئ بلون نشارة الخشب */
  --fnr-sand-deep: #EADFCE;
  --fnr-line: #E4DDD2;
  --fnr-line-soft: #F0EAE1;

  /* ---------- اللون: الضوء (لا يُستخدم للنص أبدًا) ---------- */
  --fnr-glow: #FFC97A;          /* ضوء LED الدافئ خلف المنتجات */
  --fnr-glow-soft: rgba(255, 201, 122, .38);
  --fnr-glow-faint: rgba(255, 201, 122, .14);

  /* ---------- اللون: النص ---------- */
  --fnr-text: #24413C;
  --fnr-text-muted: #5F726C;
  --fnr-text-faint: #8A9B95;
  --fnr-on-dark: #FBFDFC;

  /* ---------- اللون: الحالات ---------- */
  --fnr-error: #A3271F;
  --fnr-error-bg: #FBEDEC;
  --fnr-success: #2F6B4F;
  --fnr-success-bg: #ECF5F0;
  --fnr-notice-bg: #FAF4E9;

  /* ارتفاع الهيدر اللاصق — يُستخدم لتثبيت المعرض أثناء التمرير */
  --fnr-header-h: 73px;

  /* ---------- الخطوط ---------- */
  --fnr-font-display: "Cairo", "Segoe UI", system-ui, sans-serif;
  --fnr-font-ui: "Cairo", "Segoe UI", system-ui, sans-serif;

  --fnr-fs-display: clamp(2rem, 1.35rem + 2.9vw, 3.5rem);
  --fnr-fs-h1: clamp(1.7rem, 1.25rem + 2vw, 2.6rem);
  --fnr-fs-h2: clamp(1.4rem, 1.15rem + 1.1vw, 2rem);
  --fnr-fs-h3: clamp(1.12rem, 1.02rem + .45vw, 1.4rem);
  --fnr-fs-body: 1rem;
  --fnr-fs-sm: .875rem;
  --fnr-fs-xs: .78rem;
  --fnr-fs-price: clamp(1.25rem, 1.1rem + .7vw, 1.6rem);

  --fnr-lh-tight: 1.25;
  --fnr-lh-body: 1.75;   /* العربية الطويلة تحتاج تنفّسًا */

  /* ---------- المسافات ---------- */
  --fnr-sp-1: .25rem;
  --fnr-sp-2: .5rem;
  --fnr-sp-3: .75rem;
  --fnr-sp-4: 1rem;
  --fnr-sp-5: 1.5rem;
  --fnr-sp-6: 2rem;
  --fnr-sp-7: 3rem;
  --fnr-sp-8: 4.5rem;
  --fnr-sp-9: 6rem;

  /* ---------- التخطيط ---------- */
  --fnr-maxw: 1200px;
  --fnr-maxw-narrow: 760px;
  --fnr-gutter: clamp(1rem, .55rem + 1.9vw, 2rem);
  --fnr-card-min: 240px;   /* المصدر الوحيد لعرض البطاقة */
  --fnr-grid-gap: clamp(.85rem, .5rem + 1.1vw, 1.5rem);

  /* ---------- الحواف والظلال ---------- */
  --fnr-r-sm: 6px;
  --fnr-r-md: 12px;
  --fnr-r-lg: 20px;
  --fnr-r-pill: 999px;
  --fnr-shadow-card: 0 1px 2px rgba(36, 65, 60, .05), 0 8px 22px -14px rgba(36, 65, 60, .3);
  --fnr-shadow-lift: 0 2px 6px rgba(36, 65, 60, .07), 0 18px 38px -20px rgba(36, 65, 60, .38);
  --fnr-shadow-glow: 0 0 60px -6px var(--fnr-glow-soft);

  /* ---------- الحركة ---------- */
  --fnr-ease: cubic-bezier(.22, .61, .36, 1);
  --fnr-dur: .22s;
  --fnr-focus: 0 0 0 3px var(--fnr-paper), 0 0 0 5px var(--fnr-turquoise);
}

/* الوضع المنخفض الحركة: يُحترم على مستوى الجذر */
@media (prefers-reduced-motion: reduce) {
  .fnr-site{ --fnr-dur: .001s; }
  .fnr-site *, .fnr-site *::before, .fnr-site *::after{
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}