/*
 * متغيرات الثيم الأساسية.
 *
 * القيم هنا قيم احتياطية فقط: القيم الفعلية تُطبع فوقها من لوحة التحكم
 * عبر inc/helpers/dynamic-css.php، فلا تُعدَّل الألوان من هذا الملف.
 */

:root {
  /* الألوان: أبيض وخشب فاتح (بلوط كراميلي ورملي) */
  --dm-primary: #966b3f;
  --dm-primary-dark: #755331;
  --dm-primary-soft: #f4efe8;
  --dm-secondary: #e7d3b4;
  --dm-star: #a37d56;
  --dm-secondary-dark: #b9a890;
  --dm-secondary-soft: #fcf9f4;
  --dm-dark: #6b5340;
  --dm-dark-soft: #78614f;
  --dm-text: #2f2820;
  --dm-text-soft: #65605a;
  --dm-text-muted: #76716c;
  --dm-bg: #ffffff;
  --dm-bg-alt: #faf4ec;
  --dm-btn-text: #ffffff;
  --dm-border: #e6e3df;

  --dm-primary-rgb: 150, 107, 63;
  --dm-secondary-rgb: 231, 211, 180;
  --dm-dark-rgb: 107, 83, 64;
  /* أعمق من الداكن، لطبقات التعتيم فوق الصور */
  --dm-overlay-rgb: 66, 51, 40;
  --dm-bg-rgb: 255, 255, 255;
  --dm-bg-alt-rgb: 250, 244, 236;

  /* الظلال */
  --dm-shadow-sm: 0 2px 10px rgba(107, 83, 64, 0.07);
  --dm-shadow: 0 10px 30px rgba(107, 83, 64, 0.1);
  --dm-shadow-lg: 0 24px 60px rgba(107, 83, 64, 0.18);

  /* الخط */
  --dm-font: "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", sans-serif;
  --dm-fs-base: 16px;
  --dm-lh: 1.8;

  /* الزوايا */
  --dm-radius-sm: 8px;
  --dm-radius: 16px;
  --dm-radius-lg: 28px;

  /* القياسات */
  --dm-container: 1240px;
  --dm-gutter: 20px;
  /*
   * ارتفاع الهيدر مشتقّ من ارتفاع الشعار لا رقم ثابت: الشعار يُضبط
   * من اللوحة حتى 140 بكسل، وكان الهيدر 84 دائمًا فأي تكبير يخرج
   * الشعار من الشريط. الآن يتّسع الشريط لما فيه ويبقى 26 بكسل
   * متنفَّسًا، ولا ينزل تحت 84 مهما صغُر الشعار.
   */
  --dm-header-h: max(84px, calc(var(--dm-logo-h) + 26px));
  --dm-logo-h: 92px;
  --dm-logo-h-mobile: 64px;
  /*
   * المقاس المعمول به الآن. القوالب تقرأ هذا لا المتغيّرين أعلاه،
   * لأن قاعدة داخل media query تغلبها أي قاعدة عامة تأتي بعدها في
   * الملف، أما قيمة المتغيّر فتُحسم بالوسط لا بالترتيب.
   */
  --dm-logo-h-bar: var(--dm-logo-h);
  --dm-control-h: 48px;
  --dm-control-radius: 10px;
  --dm-section-y: clamp(56px, 8vw, 110px);

  /* الحركة */
  --dm-ease: cubic-bezier(0.25, 1, 0.5, 1);
  --dm-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dm-dur: 0.45s;

  /* قيم تُضبط من اللوحة */
}