/* ============================================================================
   Chic Theme — Design Tokens
   القيم هنا منقولة حرفيًا من "Caretti Design Handoff" (المرحلة ١ — لا تخمين).
   كل مجموعة موسومة في التعليق بحالتها الأصلية: مقيس (من مرجع Chic) أو مثبَّت
   (قرار تنفيذ Caretti). راجع القسم المقابل في وثيقة Handoff عند أي شك.
   ========================================================================= */
:root{
  /* ── ١ · Color Tokens (RGB triplets لتمكين rgba() بشفافية متغيرة) ── */
  --chic-ink-max: 0,0,0;                 /* #000000 — مقيس: شريط الإعلان، الزر الأساسي، شارة السلة */
  --chic-ink: 31,30,30;                  /* #1F1E1E — مقيس: كل النصوص الأساسية والعناوين والأسعار */
  --chic-ink-soft: 58,56,53;             /* #3A3835 — مثبَّت: نص ثانوي، روابط ميجا مينيو فرعية */
  --chic-muted: 107,102,95;              /* #6B665F — مثبَّت: تسميات ثانوية، سعر مشطوب (تباين 5.68:1 على الأبيض) */
  --chic-surface-page: 245,244,242;      /* #F5F4F2 — مقيس: خلفية كل الصفحات */
  --chic-surface-card: 255,255,255;      /* #FFFFFF — مقيس: صورة المنتج، الصناديق، المودال، الحقول */
  --chic-surface-band: 238,234,229;      /* #EEEAE5 — مقيس: الهيدر، شريط المزايا، الفوتر */
  --chic-border: 220,214,206;            /* #DCD6CE — مثبَّت: حدود الحقول والأزرار الثانوية */
  --chic-border-soft: 239,235,228;       /* #EFEBE4 — مثبَّت: فواصل داخلية بين الصفوف والبطاقات */
  --chic-on-dark: 255,255,255;           /* #FFFFFF — مقيس: نص شريط الإعلان والزر الأسود */
  --chic-skeleton: 232,228,222;          /* #E8E4DE — مثبَّت: هياكل التحميل */
  --chic-success: 140,154,107;           /* #8C9A6B — يحتاج موافقة: دائرة النجاح في مودال السلة */
  --chic-danger: 155,44,44;              /* #9B2C2C — يحتاج موافقة: حدود/نصوص الخطأ */
  --chic-danger-bg: 251,242,242;         /* #FBF2F2 — خلفية تنبيه الخطأ */
  --chic-tool-border: 201,195,186;       /* #C9C3BA — حدّ أزرار اللغة/العملة في الهيدر */
  --chic-account-bg: 223,218,211;        /* #DFDAD3 — خلفية أيقونة الحساب الدائرية */
  /* ألوان ظهرت في لوحات التصميم دون أن تُذكر في جدول الألوان — أُضيفت كتوكنات بدل hex مباشر */
  --chic-sep: 185,179,170;               /* #B9B3AA — فاصل «·» في سطر الحقوق و«/» في مسار التنقّل */
  --chic-border-band: 226,221,214;       /* #E2DDD6 — الحدّ العلوي لشريط المزايا وسطر الحقوق */
  --chic-border-drawer: 230,225,218;     /* #E6E1DA — حدّ صفّ البحث في القائمة المنزلقة */

  /* ── ٢ · Typography Tokens ── */
  --chic-font-family: 'IBMPlexSansArabic', 'IBM Plex Sans Arabic', system-ui, sans-serif; /* مثبَّت — خط Caretti القائم فعلاً؛ الـlayout يستبدله بخط النظام الذي يختاره الأدمن (Setting::getFont) */
  --chic-fw-regular: 400;
  --chic-fw-medium: 500;
  --chic-fw-semibold: 600;
  --chic-fw-bold: 700;

  /* أحجام أدوار النص — القيمة الافتراضية = ديسكتوب، تُستبدَل في media query أدناه للجوال */
  --chic-fs-announce: 14px;              /* شريط الإعلان — مثبَّت */
  --chic-fs-nav-link: 14px;              /* رابط القائمة الرئيسية — مقيس (جوال 15px) */
  --chic-fs-mega-title: 16px;            /* عنوان مجموعة الميجا مينيو — مثبَّت (لا مقابل جوال) */
  --chic-fs-mega-link: 15px;             /* رابط فرعي في الميجا مينيو — مقيس، سطر 27px */
  --chic-fs-page-title: 28px;            /* عنوان الصفحة المتمركز / H1 المنتج — مثبَّت (جوال 22px) */
  --chic-fs-price-pdp: 25px;             /* سعر صفحة المنتج — مقيس (جوال 22px) */
  --chic-fs-section-title: 17px;         /* عنوان قسم/صندوق — مثبَّت (جوال 16px) */
  --chic-fs-body: 15px;                  /* نص الجسم، الحقول، الروابط، اسم المنتج بالبطاقة — مثبَّت */
  --chic-fs-secondary: 14px;             /* نص ثانوي، تسميات الحقول — مثبَّت (جوال 13px) */
  --chic-fs-btn: 15px;                   /* نص الزر الأساسي — مقيس، تباعد .1em (جوال 15px أيضًا) */
  --chic-fs-badge: 13px;                 /* وسم الخصم، الشارات — مثبَّت */

  --chic-lh-tight: 1.5;                  /* نصوص قصيرة */
  --chic-lh-loose: 2.0;                  /* فقرات المحتوى (1.9–2.1 بالمرجع) */
  --chic-lh-heading: 1.35;               /* العناوين (1.3–1.4 بالمرجع) */

  /* تباعد حرفي: لاتيني فقط أبدًا — لا تباعد على العربي (يقطع الاتصال) */
  --chic-ls-latin-nav: .06em;
  --chic-ls-arabic-nav: 0;               /* Handoff §2 «قاعدة عربية إلزامية»: لا تباعد على العربي — تتغلّب على .02em الظاهرة في اللوحات */
  --chic-ls-btn: .1em;                   /* لاتيني فقط (يُطبَّق تحت :lang(en)) */

  /* ── ارتفاعات الهيدر (مقيسة) ── */
  --chic-announce-h: 32px;
  --chic-header-h: 94px;
  --chic-header-h-mobile: 74px;

  /* ── ٣ · Spacing · Layout · Grid ── */
  --chic-page-pad: 32px;                 /* مقيس — جوال 16px */
  --chic-gutter: 16px;                   /* مقيس — فاصل كل الشبكات */
  /* مقياس المسافات الكامل: 4·6·8·10·12·14·16·20·22·24·26·28·32·38·44·56 */
  --chic-space-section: 56px;            /* الفاصل بين أقسام الصفحة — جوال 28px */

  --chic-catalog-grid-max: 1076px;       /* شبكة الكتالوج: auto-fill minmax(280px,1fr) داخل هذا العرض ← 3 أعمدة عند 1440 */
  --chic-filters-col: 304px;             /* عمود الفلاتر — minmax(0,304px) */
  --chic-filters-gap: 11px;
  --chic-mobile-card: 171px;             /* بطاقة الكتالوج على الجوال — عمودان */
  --chic-related-min: 210px;             /* منتجات ذات صلة: auto-fill minmax(210px,1fr) — عمود واحد جوال */
  --chic-pdp-gallery-col: 687px;         /* عمود معرض صفحة المنتج */
  --chic-pdp-gap: 31px;
  --chic-summary-col: 420px;             /* عمود ملخّص السلة/الدفع — sticky top:20px */
  --chic-account-nav-col: 304px;         /* عمود قائمة الحساب */
  --chic-content-col: 820px;             /* عمود المحتوى الثابت المتمركز، حشوة 48×56 (جوال: بطاقة 24×18) */

  /* ── ٤ · Surfaces · Borders · Radius · Shadows ── */
  --chic-radius: 0;                      /* مقيس — على كل شيء إلا الدوائر الكاملة (أيقونة حساب، اجتماعي، تكبير، نجاح، تتبّع) */
  --chic-radius-circle: 50%;
  --chic-border-width: 1px;              /* دائمًا — لا حدود 2px ولا مزدوجة */
  --chic-header-shadow: linear-gradient(to bottom, rgba(var(--chic-ink),.28), rgba(var(--chic-ink),0));
  --chic-header-shadow-h: 12px;
  --chic-modal-backdrop: rgba(var(--chic-ink),.45);
  --chic-drawer-shadow: 0 14px 30px rgba(var(--chic-ink),.18);

  --chic-duration-default: .2s;
}

/* ── الجوال: استبدال أحجام النص التي تختلف عن الديسكتوب (مقيس من المرجع) ── */
@media (max-width: 767px){
  :root{
    --chic-fs-nav-link: 15px;
    --chic-fs-page-title: 22px;
    --chic-fs-price-pdp: 22px;
    --chic-fs-section-title: 16px;
    --chic-fs-secondary: 13px;
    --chic-page-pad: 16px;
    --chic-space-section: 28px;
  }
}