/*
 * Hadara Accessibility — Design Tokens
 * قاعدة 0.9: هذا الملف هو مصدر الحقيقة الوحيد لكل القيم البصرية.
 * ممنوع على أي Preset أو مكوّن أن يخترع قيمة خام خارج هذا الملف.
 */

:root {
	/* ── Spacing Scale ───────────────────────────────── */
	--hadara-space-xs: 4px;
	--hadara-space-sm: 8px;
	--hadara-space-md: 12px;
	--hadara-space-lg: 16px;
	--hadara-space-xl: 24px;
	--hadara-space-2xl: 32px;

	/* ── Radius Scale ────────────────────────────────── */
	--hadara-radius-none: 0;
	--hadara-radius-sm: 6px;
	--hadara-radius-md: 10px;
	--hadara-radius-lg: 16px;
	--hadara-radius-xl: 24px;
	--hadara-radius-full: 9999px;

	/* ── Shadow Levels ───────────────────────────────── */
	--hadara-shadow-none: none;
	--hadara-shadow-sm: 0 1px 2px rgba(9, 18, 33, .12);
	--hadara-shadow-md: 0 4px 12px rgba(9, 18, 33, .16);
	--hadara-shadow-lg: 0 10px 28px rgba(9, 18, 33, .22);
	--hadara-shadow-xl: 0 20px 48px rgba(9, 18, 33, .28);
	--hadara-shadow-neon: 0 0 0 3px rgba(0, 178, 169, .28), 0 0 18px rgba(0, 178, 169, .45);

	/* ── Blur / Glass ────────────────────────────────── */
	--hadara-blur-sm: 4px;
	--hadara-blur-md: 8px;
	--hadara-blur-lg: 16px;
	--hadara-glass-opacity-light: .72;
	--hadara-glass-opacity-dark: .58;

	/* ── Border Weight ───────────────────────────────── */
	--hadara-border-none: 0;
	--hadara-border-thin: 1px;
	--hadara-border-medium: 2px;
	--hadara-border-thick: 3px;
	--hadara-border-double: 4px;

	/* ── Transition / Motion Scale ───────────────────── */
	--hadara-transition-fast: 120ms;
	--hadara-transition-base: 200ms;
	--hadara-transition-slow: 320ms;
	--hadara-ease: cubic-bezier(.2, .7, .3, 1);

	/* ── Interaction States (قاعدة 0.9.2) ────────────── */
	--hadara-hover-scale: 1.05;
	--hadara-active-scale: .95;
	--hadara-focus-ring-color: #ffb703;
	--hadara-focus-ring-width: 3px;
	--hadara-focus-ring-offset: 3px;

	/* ── Palette (واجهة الإضافة فقط، لا تمس ألوان الموقع) ── */
	--hadara-color-brand: #0b3d5c;
	--hadara-color-brand-strong: #072a41;
	--hadara-color-accent: #00b2a9;
	--hadara-color-surface: #ffffff;
	--hadara-color-surface-alt: #f2f5f8;
	--hadara-color-border: #d9e1e8;
	--hadara-color-text: #10202c;
	--hadara-color-text-muted: #55697a;
	--hadara-color-on-brand: #ffffff;
	--hadara-color-danger: #b3261e;

	/* ── Typography (واجهة الإضافة فقط) ──────────────── */
	--hadara-font-ui: "Segoe UI", Tahoma, "Noto Kufi Arabic", Arial, sans-serif;
	--hadara-font-size-sm: 12px;
	--hadara-font-size-md: 14px;
	--hadara-font-size-lg: 16px;
	--hadara-font-size-xl: 18px;

	/* ── قياسات الزر العائم ──────────────────────────── */
	--hadara-button-size-sm: 46px;
	--hadara-button-size-md: 56px;
	--hadara-button-size-lg: 66px;

	/* ── تدرّجات الميزات المطبَّقة على الموقع ─────────── */
	/* الوضع الليلي بلا متغيّرات ألوان: مرشّح invert ثابتٌ (انظر hadara-a11y-frontend.css). */

	/* التباين العالي: أسود وذهبي (قابل للتغيير من الإعدادات) */
	--hadara-a11y-hc-bg: #000000;
	--hadara-a11y-hc-fg: #ffd24a;
	--hadara-a11y-hc-link: #ffffff;
	--hadara-a11y-hc-border: #ffd24a;

	/* أبيض وأسود */
	--hadara-a11y-bw-bg: #ffffff;
	--hadara-a11y-bw-fg: #000000;

	/* تمييز الروابط */
	--hadara-a11y-link-color: #b3261e;
	--hadara-a11y-link-bg: #fff3bf;
	--hadara-a11y-link-width: 2px;
	--hadara-a11y-link-radius: 4px;
	--hadara-a11y-highlight: #ffd400;

	/* خطوط القراءة الثلاثة (تُملأ من الإعدادات) */
	--hadara-a11y-rf-1: Tahoma, Verdana, Arial, sans-serif;
	--hadara-a11y-rf-2: "Noto Naskh Arabic", "Traditional Arabic", serif;
	--hadara-a11y-rf-3: "Comic Sans MS", "Trebuchet MS", Verdana, sans-serif;
	--hadara-a11y-rf-weight: inherit;
	--hadara-a11y-rf-boost: 1;
}

/* احترام تفضيل تقليل الحركة على مستوى الـ Tokens نفسها (قاعدة 0.9). */
@media (prefers-reduced-motion: reduce) {
	:root {
		--hadara-transition-fast: 1ms;
		--hadara-transition-base: 1ms;
		--hadara-transition-slow: 1ms;
		--hadara-hover-scale: 1;
		--hadara-active-scale: 1;
	}
}