/* ==========================================================================
   CUP DATE CAFE — Central Design Tokens
   نظام تصميم موحّد: ألوان، خطوط، مسافات، حواف، ظلال، حركة.
   الهوية: قهوة دافئة + لمسة كراميل شبابية (نسخة فاتحة وأنظف).
   ========================================================================== */

:root {
  /* ===== الألوان ===== */
  --color-bg: #ECE6E1;            /* خلفية كريمية فاتحة (مطابقة للصورة) */
  --color-surface: #F2EDE8;       /* البطاقات / أبيض دافئ */
  --color-surface-2: #FFFFFF;     /* سطح أنصع للعناصر البارزة */

  --color-brown-900: #12110F;     /* أسود بنّي دافئ — الشعار والعناوين والأزرار */
  --color-heading: #12110F;       /* لون موحّد لجميع العناوين */
  --color-brown-700: #6F4E37;     /* بني ثانوي — نص مساعد */
  --color-brown-500: #8C6D58;     /* بني فاتح — نص خافت */
  --color-text: #3E2723;
  --color-text-muted: #6F4E37;

  /* اللون المميّز — أسود بنّي دافئ موحّد */
  --color-accent: #12110F;
  --color-accent-strong: #12110F;
  --color-accent-soft: rgba(18, 17, 15, 0.06);

  /* حالات دافئة منسجمة مع الثيم */
  --color-success: #6B8E5A;       /* أخضر زيتي دافئ */
  --color-danger: #C0552B;        /* طوبي دافئ */
  --color-line: #DED7D1;          /* حدود/فواصل فاتحة */

  /* ===== الخطوط ===== */
  --font-base: 'Tajawal', sans-serif;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;

  /* تدرّج أحجام واضح للعناوين العربية */
  --fs-h1: 2.5rem;
  --fs-h2: 2rem;
  --fs-h3: 1.25rem;
  --fs-body: 1.05rem;
  --fs-sm: 0.9rem;
  --lh-heading: 1.3;
  --lh-body: 1.85;                /* تنفّس مريح لقراءة العربية */

  /* ===== المسافات (مضاعفات 8px) ===== */
  --sp-1: 8px;
  --sp-2: 16px;
  --sp-3: 24px;
  --sp-4: 32px;
  --sp-5: 48px;
  --sp-6: 64px;
  --sp-7: 96px;

  /* ===== الحواف الدائرية ===== */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 100px;

  /* ===== الظلال (فاتحة وناعمة) ===== */
  --shadow-sm: 0 2px 8px rgba(62, 39, 35, 0.04);
  --shadow-md: 0 8px 20px rgba(62, 39, 35, 0.06);
  --shadow-lg: 0 12px 32px rgba(62, 39, 35, 0.10);
  --shadow-accent: 0 8px 22px rgba(18, 17, 15, 0.12);

  /* ===== الحركة ===== */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 200ms;
  --dur-mid: 300ms;
}

/* Unified heading color across the site */
.page-header h1,
.catalog-section-title,
.section-header h2,
.section-header h2 .section-title-link,
.workshops-page-header h1,
.workshop-card-title,
.blog-page .blog-head h1,
.blog-page .card-body h3,
.blog-page .shorts-head h2,
.blog-page .gallery-head h2,
.blog-page .newsletter h2,
.blog-article-page .article-title,
.blog-article-page .article-related-title,
.blog-article-page .article-products-title,
.checkout-header h1,
.panel-title,
.cart-page-header h1,
.account-page h1,
.account-shell h1,
.catalog-filter-accordion-summary,
.catalog-filter-sub-accordion-summary,
.catalog-filter-group-label,
.catalog-filter-price-field label {
  color: var(--color-heading);
}