/* =========================================================
   هوية سَدى — المتغيّرات والتنسيق الأساسي
   Sada Brand Identity — Design Tokens & Base
   المرجع المركزي لكل ألوان وخطوط الموقع.
   ========================================================= */

:root {
	/* ---- الألوان الأساسية (الخمري وتدرّجاته) ---- */
	--sada-wine:          #561826; /* اللون الأساسي المعتمد */
	--sada-wine-bright:   #6E1E2C; /* عنابي فاتح */
	--sada-wine-berry:    #621B27; /* عنابي توتي */
	--sada-wine-deep:     #491620; /* خمري عميق */
	--sada-wine-darkest:  #3A1016; /* نبيذي داكن — الفوتر والنصوص الغامقة */
	--sada-wine-panel:    #611A28; /* بطاقات داخل الأقسام الخمرية */

	/* ---- الخلفيات الكريمية ---- */
	--sada-cream:         #F4ECDD; /* خلفية الصفحة الأساسية */
	--sada-cream-2:       #E7D9C4; /* كريمي أغمق قليلاً */
	--sada-cream-3:       #EFE2CF; /* خلفية أقسام بديلة */
	--sada-cream-card:    #FBF6EC; /* خلفية البطاقات */
	--sada-cream-light:   #F6EFE4; /* نص فاتح فوق الخمري */
	--sada-weave:         #E7D8C4; /* لون نسيج الصور (placeholder) */
	--sada-weave-2:       #DECBB2; /* خطوط النسيج */

	/* ---- الألوان المساعِدة ---- */
	--sada-terracotta:    #9C6B4F; /* بُنّي ترابي — تسميات ولمسات */
	--sada-rose:          #C98F86; /* وردي */
	--sada-rose-light:    #E7C6BC; /* وردي فاتح */
	--sada-olive:         #5E6B4F; /* زيتي — وسم «جديد» */

	/* ---- النصوص ---- */
	--sada-text:          #2A1D1A; /* نص أساسي */
	--sada-text-soft:     #5A4A42; /* نص ثانوي */
	--sada-text-muted:    #7A6A62; /* نص خافت */

	/* ---- الحدود ---- */
	--sada-border:        #E4D4BC;
	--sada-border-card:   #EADFCF;

	/* ---- الخطوط ---- */
	--sada-font-head:   'Aref Ruqaa', serif;              /* عناوين عربية */
	--sada-font-logo:   'Gulzar', serif;                  /* جزء «سَد» من الشعار */
	--sada-font-body:   'IBM Plex Sans Arabic', sans-serif; /* نصوص */
	--sada-font-accent: 'Cormorant Garamond', serif;      /* لمسات إنجليزية مائلة */
	--sada-font-label:  'Jost', sans-serif;               /* تسميات وأسعار إنجليزية */

	/* ---- نصف أقطار الحواف والظلال ---- */
	--sada-radius-pill: 100px;
	--sada-radius-lg:   24px;
	--sada-radius-md:   18px;
	--sada-radius-sm:   14px;
	--sada-shadow-card: 0 18px 40px -34px rgba(58, 16, 22, .5);
	--sada-shadow-lift: 0 26px 50px -30px rgba(58, 16, 22, .5);
}

/* =========================================================
   الأساس — تطبيق الخطوط والألوان على العناصر العامة
   ========================================================= */

body {
	font-family: var(--sada-font-body);
	color: var(--sada-text);
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--sada-font-head);
	color: var(--sada-wine);
	font-weight: 400;
}

/* =========================================================
   أدوات (utilities) قابلة لإعادة الاستخدام في القوالب لاحقًا
   ========================================================= */

/* الشعار: «سَد» بخط Gulzar + «ى» بخط Aref Ruqaa */
.sada-logo {
	display: inline-flex;
	align-items: baseline;
	gap: 3px;
	color: var(--sada-wine);
	line-height: 1;
}
.sada-logo__a { font-family: var(--sada-font-logo); }
.sada-logo__b { font-family: var(--sada-font-head); }

/* تسمية علوية إنجليزية (eyebrow) */
.sada-eyebrow {
	font-family: var(--sada-font-label);
	letter-spacing: .35em;
	font-size: 12px;
	color: var(--sada-terracotta);
	text-transform: uppercase;
}

/* لمسة إنجليزية مائلة */
.sada-script {
	font-family: var(--sada-font-accent);
	font-style: italic;
	color: var(--sada-terracotta);
}

/* الأزرار */
.sada-btn,
.sada-btn-outline {
	display: inline-block;
	text-decoration: none;
	border-radius: var(--sada-radius-pill);
	font-family: var(--sada-font-body);
	font-size: 15px;
	cursor: pointer;
	transition: background .2s, color .2s, transform .2s;
}
.sada-btn {
	background: var(--sada-wine);
	color: var(--sada-cream-light);
	border: 1.5px solid var(--sada-wine);
	padding: 15px 34px;
}
.sada-btn:hover { background: var(--sada-wine-deep); border-color: var(--sada-wine-deep); }
.sada-btn-outline {
	background: transparent;
	color: var(--sada-wine);
	border: 1.5px solid var(--sada-wine);
	padding: 14px 34px;
}
.sada-btn-outline:hover { background: var(--sada-wine); color: var(--sada-cream-light); }