/**
 * Precision Home Design System
 *
 * المتغيرات الأساسية المشتركة للقالب.
 *
 * @package PrecisionHome
 * @version 1.0.0
 */

:root {

	/* الهوية */
	--ph-color-primary: #8e3b43;
	--ph-color-primary-dark: #742f36;
	--ph-color-primary-soft: rgba(142, 59, 67, 0.09);

	--ph-color-gold: #d4af37;
	--ph-color-gold-light: #efd16b;
	--ph-color-gold-soft: rgba(212, 175, 55, 0.12);

	--ph-color-dark: #15171b;
	--ph-color-dark-soft: #20252d;

	--ph-color-text: #4b4f56;
	--ph-color-muted: #737881;

	--ph-color-white: #ffffff;
	--ph-color-background: #f6f6f7;
	--ph-color-surface: #ffffff;
	--ph-color-border: #e7e7e7;

	--ph-color-success: #17874b;
	--ph-color-warning: #b7791f;
	--ph-color-error: #b42318;

	/* الخطوط */
	--ph-font-family: "Tajawal", sans-serif;

	--ph-font-size-xs: 0.75rem;
	--ph-font-size-sm: 0.875rem;
	--ph-font-size-base: 1rem;
	--ph-font-size-lg: 1.125rem;
	--ph-font-size-xl: 1.375rem;
	--ph-font-size-2xl: clamp(1.75rem, 4vw, 2.5rem);
	--ph-font-size-3xl: clamp(2.25rem, 5vw, 4rem);

	--ph-font-weight-regular: 400;
	--ph-font-weight-medium: 500;
	--ph-font-weight-bold: 700;
	--ph-font-weight-extra-bold: 800;

	/* المسافات */
	--ph-space-1: 0.25rem;
	--ph-space-2: 0.5rem;
	--ph-space-3: 0.75rem;
	--ph-space-4: 1rem;
	--ph-space-5: 1.25rem;
	--ph-space-6: 1.5rem;
	--ph-space-8: 2rem;
	--ph-space-10: 2.5rem;
	--ph-space-12: 3rem;
	--ph-space-16: 4rem;
	--ph-space-20: 5rem;
	--ph-space-24: 6rem;

	/* الحواف */
	--ph-radius-sm: 0.625rem;
	--ph-radius-md: 0.875rem;
	--ph-radius-lg: 1.125rem;
	--ph-radius-xl: 1.5rem;
	--ph-radius-pill: 999px;

	/* الظلال */
	--ph-shadow-sm:
		0 6px 18px rgba(21, 23, 27, 0.06);

	--ph-shadow-md:
		0 16px 38px rgba(21, 23, 27, 0.1);

	--ph-shadow-lg:
		0 28px 65px rgba(21, 23, 27, 0.15);

	/* الحركة */
	--ph-transition-fast: 180ms ease;
	--ph-transition-base: 260ms ease;
	--ph-transition-slow: 500ms cubic-bezier(0.22, 0.72, 0.22, 1);

	/* الحاوية */
	--ph-container-width: 1280px;
	--ph-container-padding: clamp(16px, 4vw, 32px);

	/* طبقات العناصر */
	--ph-z-content: 2;
	--ph-z-header: 100;
	--ph-z-overlay: 500;
	--ph-z-modal: 1000;
}

/* إعدادات أساسية مشتركة */

html {
	scroll-behavior: smooth;
}

body {
	background: var(--ph-color-background);
	color: var(--ph-color-text);
	font-family: var(--ph-font-family);
}

img,
svg {
	max-width: 100%;
}

button,
input,
select,
textarea {
	font: inherit;
}

a {
	color: inherit;
}

.ph-container {
	width: min(
		calc(100% - (var(--ph-container-padding) * 2)),
		var(--ph-container-width)
	);
	margin-inline: auto;
}

/* تحسين التركيز بلوحة المفاتيح */

:where(
	a,
	button,
	input,
	select,
	textarea
):focus-visible {
	outline: 3px solid rgba(212, 175, 55, 0.5);
	outline-offset: 3px;
}

/* منع الحركة لمن يفضّل تقليلها */

@media (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}

/* v5.7 visual consistency tokens */
:root{
	--ph-section-space-mobile:clamp(3.4rem,9vw,4.8rem);
	--ph-section-space-desktop:clamp(5rem,7vw,7.5rem);
	--ph-card-radius:20px;
	--ph-card-border:1px solid rgba(142,59,67,.10);
	--ph-card-shadow:0 14px 34px rgba(21,23,27,.07);
}