/* ===== كوليا — Design Tokens (مونوكروم تحريري) ===== */
:root {
  /* ألوان أساسية */
  --ink: #111111;          /* النص الأساسي + الأزرار + الأشرطة */
  --black: #0a0a0a;
  --white: #ffffff;
  --bg: #ffffff;           /* خلفية الصفحة */
  --surface: #f4f4f3;      /* خلفية بطاقات المنتجات */
  --surface-2: #ededec;    /* بطاقات أغمق قليلاً */
  --hero-bg: #d8d6d2;      /* خلفية الهيرو الرمادية */
  --line: #e7e7e4;         /* حدود فاصلة */
  --line-2: #d9d9d6;
  --muted: #8a8a8a;        /* نص ثانوي */
  --muted-2: #6b6b6b;

  /* تمييز */
  --sale: #e1261d;         /* شارة التخفيض الحمراء */
  --star: #f4a82a;         /* نجوم التقييم */
  --success: #1f9d57;

  /* خطوط */
  --font-body: "Thmanyah Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Thmanyah Display", "Thmanyah Sans", serif;

  /* قياسات */
  --container: 1240px;
  --gap: 24px;
  --radius: 0px;           /* تصميم حادّ بلا انحناءات (مثل المرجع) */
  --radius-sm: 2px;
  --shadow: 0 1px 3px rgba(17,17,17,.06), 0 8px 24px rgba(17,17,17,.05);
  --shadow-hover: 0 6px 18px rgba(17,17,17,.10), 0 18px 50px rgba(17,17,17,.08);

  /* حركة */
  --ease: cubic-bezier(.22,.61,.36,1);
  --dur: .45s;
}