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

:root {
	/* --- الهوية --- */
	--bq-primary: #C39A34;        /* الذهبي الأساسي (من الشعار) */
	--bq-primary-deep: #8A6714;   /* الطرف الغامق من تدرّج الشعار */
	--bq-primary-soft: #E8CF92;   /* الطرف الفاتح */
	--bq-primary-pale: #F5E9CC;   /* خلفيات ذهبية شاحبة */
	--bq-rose: #C08C8F;           /* الوردي الغباري */
	--bq-rose-soft: #F5E8E5;
	--bq-wine: #6B2233;           /* العنابي — لون الأزرار الأساسية */
	--bq-wine-dark: #521A28;

	/* --- الأسطح --- */
	--bq-bg: #FCFAF7;
	--bq-beige: #F4EDE3;
	--bq-surface: #FFFFFF;
	--bq-text: #241E22;
	--bq-muted: #7E757A;
	--bq-line: #E9E1D6;
	--bq-sale: #A83E52;
	--bq-ok: #2F6B4F;

	/* --- الخطوط --- */
	--bq-font-head: 'Alexandria', 'IBM Plex Sans Arabic', system-ui, sans-serif;
	--bq-font-body: 'IBM Plex Sans Arabic', 'Alexandria', system-ui, sans-serif;
	--bq-font-latin: 'Cormorant Garamond', Georgia, 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; }
}