/**
 * Aaya design tokens — layered on top of the parent's tokens.css.
 *
 * The parent components read --color-*, --font-*, --radius-* … so
 * re-pointing those here re-skins every shared component at once.
 * New aaya-only tokens are prefixed --aaya-*. --color-primary itself is
 * owned by the Customizer (Appearance → Customize → Colors), which the
 * parent prints inline; its default for this site is set to violet.
 */

@font-face {
	font-family: "Vazirmatn";
	src: url("../fonts/vazirmatn-variable.woff2") format("woff2");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

:root {
	/* ---- Brand ---- */
	--aaya-ink: #120d2b;
	--aaya-ink-2: #1c1442;
	--aaya-ink-3: #2a1f5c;
	--aaya-violet: #6d28d9;
	--aaya-violet-500: #7c3aed;
	--aaya-violet-300: #a78bfa;
	--aaya-indigo: #4f46e5;
	--aaya-cyan: #06b6d4;
	--aaya-cyan-300: #67e8f9;
	--aaya-amber: #fbbf24;
	--aaya-rose: #f43f5e;
	--aaya-mint: #10b981;

	--aaya-grad: linear-gradient(135deg, #7c3aed 0%, #4f46e5 52%, #06b6d4 100%);
	--aaya-grad-soft: linear-gradient(135deg, rgba(124, 58, 237, 0.12), rgba(6, 182, 212, 0.12));
	--aaya-grad-warm: linear-gradient(135deg, #f43f5e 0%, #fb923c 55%, #fbbf24 100%);
	--aaya-grad-text: linear-gradient(90deg, #a78bfa 0%, #67e8f9 60%, #fbbf24 100%);
	--aaya-glow: 0 18px 40px -12px rgba(109, 40, 217, 0.45);
	--aaya-glow-cyan: 0 18px 40px -12px rgba(6, 182, 212, 0.4);

	/* ---- Parent tokens, re-pointed ---- */
	--color-neutral-50: #f7f6fd;
	--color-neutral-100: #efedfb;
	--color-neutral-200: #e4e1f4;
	--color-neutral-300: #c9c4e6;
	--color-neutral-400: #9d97bf;
	--color-neutral-600: #5c5780;
	--color-neutral-800: #29244a;
	--color-neutral-900: #17132e;

	--color-navy-900: var(--aaya-ink);
	--color-navy-800: var(--aaya-ink-2);
	--color-navy-700: var(--aaya-ink-3);
	--color-maple: var(--aaya-amber);

	--color-bg-subtle: #f7f6fd;
	--color-bg-dark: var(--aaya-ink);
	--color-border: #e6e3f5;
	--color-text-on-dark-muted: #c7c2e8;

	--font-sans: "Vazirmatn", -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Arial, sans-serif;

	--radius-sm: 8px;
	--radius-md: 14px;
	--radius-lg: 20px;
	--radius-xl: 28px;

	--shadow-sm: 0 1px 2px rgba(23, 19, 46, 0.06);
	--shadow-md: 0 10px 30px -8px rgba(41, 36, 74, 0.14);
	--shadow-lg: 0 24px 60px -18px rgba(41, 36, 74, 0.28);

	--container-max: 1320px;
	--header-height: 78px;
	--transition-base: 220ms cubic-bezier(0.2, 0.7, 0.2, 1);
}

@media (min-width: 768px) {
	:root {
		--container-pad: 24px;
	}
}

/* Persian/Arabic script needs taller lines than Latin to keep dots and
   descenders from colliding. */
html[dir="rtl"] {
	--lh-tight: 1.4;
	--lh-snug: 1.55;
	--lh-normal: 1.9;
}