/* =========================================================
   مركز أماني لتطور الطفل — المتغيرات والأساسيات
   الألوان مستوحاة من شعار مركز أماني (باستيل).
   ملاحظة: القيم النهائية تُحقن من لوحة التحكم (inc/enqueue.php).
   ========================================================= */

:root {
	/* --- الهوية (مستخرجة من شعار Amani Clinic) --- */
	--bq-primary: #2F7D84;        /* التركواز الأساسي — عالي التباين للنصوص/الروابط */
	--bq-primary-deep: #25676D;   /* Hover الأزرار */
	--bq-primary-soft: #66BBCF;   /* أزرق سماوي */
	--bq-primary-pale: #EAF6F8;   /* خلفيات تركوازية شاحبة */
	--bq-rose: #EA9EBE;           /* وردي هادئ */
	--bq-rose-soft: #FCEEF4;      /* وردي فاتح للخلفيات */
	--bq-wine: #2F7D84;           /* لون الأزرار الأساسية (عالي التباين) */
	--bq-wine-dark: #25676D;
	--bq-mint: #70C9B9;           /* أخضر نعناعي */
	--bq-yellow: #E6D89C;         /* أصفر باستيل */
	--bq-purple: #BBA0C8;         /* بنفسجي فاتح */

	/* --- الأسطح --- */
	--bq-bg: #FBFFFF;
	--bq-beige: #F4FAFA;          /* خلفية أقسام ناعمة */
	--bq-surface: #FFFFFF;
	--bq-text: #263238;           /* نص داكن */
	--bq-muted: #5C6B70;
	--bq-line: #E2EEF0;
	--bq-sale: #E4638A;
	--bq-ok: #2F8F6F;

	/* --- الخطوط --- */
	--bq-font-head: 'Alexandria', 'Tajawal', 'IBM Plex Sans Arabic', system-ui, sans-serif;
	--bq-font-body: 'IBM Plex Sans Arabic', 'Tajawal', 'Alexandria', system-ui, sans-serif;
	--bq-font-latin: 'Fredoka', 'Alexandria', system-ui, sans-serif;

	/* --- مقياس الخط --- */
	--bq-fs-xs: 0.75rem;
	--bq-fs-sm: 0.8125rem;
	--bq-fs-base: 0.9375rem;
	--bq-fs-md: 1.0625rem;
	--bq-fs-lg: clamp(1.15rem, 1rem + 0.6vw, 1.4rem);
	--bq-fs-xl: clamp(1.4rem, 1.1rem + 1.3vw, 2rem);
	--bq-fs-2xl: clamp(1.75rem, 1.2rem + 2.3vw, 2.9rem);
	--bq-fs-3xl: clamp(2.1rem, 1.3rem + 3.4vw, 3.9rem);

	/* --- المسافات --- */
	--bq-sp-1: 4px;
	--bq-sp-2: 8px;
	--bq-sp-3: 12px;
	--bq-sp-4: 16px;
	--bq-sp-5: 24px;
	--bq-sp-6: 32px;
	--bq-sp-7: 48px;
	--bq-sp-8: 64px;
	--bq-section: clamp(48px, 6vw, 96px);
	--bq-container: 1320px;
	--bq-gutter: clamp(16px, 4vw, 40px);

	/* --- الحواف والظلال --- */
	--bq-r-sm: 4px;
	--bq-r: 8px;
	--bq-r-lg: 14px;
	--bq-r-pill: 999px;
	--bq-shadow-sm: 0 1px 2px rgba(36, 30, 34, .04), 0 4px 14px rgba(36, 30, 34, .05);
	--bq-shadow: 0 10px 34px rgba(36, 30, 34, .08);
	--bq-shadow-lg: 0 24px 60px rgba(36, 30, 34, .14);

	/* --- الحركة --- */
	--bq-anim-dur: 700ms;
	--bq-anim-dist: 28px;
	--bq-ease: cubic-bezier(.22, .61, .36, 1);
	--bq-ease-out: cubic-bezier(.16, 1, .3, 1);
	--bq-t-fast: 180ms var(--bq-ease);
	--bq-t: 320ms var(--bq-ease);

	--bq-header-h: 72px;
	--bq-z-header: 200;
	--bq-z-drawer: 400;
	--bq-z-modal: 500;
	--bq-z-toast: 600;
}

/* --- إعادة الضبط --- */
*,
*::before,
*::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body {
	margin: 0;
	background: var(--bq-bg);
	color: var(--bq-text);
	font-family: var(--bq-font-body);
	font-size: var(--bq-fs-base);
	line-height: 1.75;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

img, svg, video { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; }
ul, ol { margin: 0; padding: 0; list-style: none; }

h1, h2, h3, h4 {
	font-family: var(--bq-font-head);
	font-weight: 500;
	line-height: 1.3;
	margin: 0 0 var(--bq-sp-3);
	letter-spacing: -0.01em;
}
p { margin: 0 0 var(--bq-sp-4); }
p:last-child { margin-bottom: 0; }

:focus-visible {
	outline: 2px solid var(--bq-primary);
	outline-offset: 3px;
	border-radius: var(--bq-r-sm);
}

::selection { background: var(--bq-primary-pale); color: var(--bq-text); }

/* شريط التمرير */
@supports (scrollbar-color: auto) {
	html { scrollbar-color: var(--bq-primary-soft) var(--bq-beige); scrollbar-width: thin; }
}