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

:root {
	--dp-font-sans: "Vazirmatn", Tahoma, Arial, sans-serif;

	--dp-color-brand: #5b294b;
	--dp-color-brand-hover: #421d37;
	--dp-color-secondary: #1c6a66;
	--dp-color-secondary-hover: #15524f;
	--dp-color-beauty: #b2526a;
	--dp-color-beauty-soft: #f8edef;
	--dp-color-home-soft: #e9f4f2;
	--dp-color-accent: #d7a44a;
	--dp-color-accent-soft: #fbf3df;

	--dp-color-ink: #1e2329;
	--dp-color-muted: #5e6772;
	--dp-color-border: #ddd6d4;
	--dp-color-border-strong: #bfb5b2;
	--dp-color-canvas: #f8f4f2;
	--dp-color-surface: #ffffff;
	--dp-color-surface-muted: #f2ece9;

	--dp-color-success: #276749;
	--dp-color-success-soft: #e8f5ec;
	--dp-color-warning: #8a5a00;
	--dp-color-warning-soft: #fff6db;
	--dp-color-error: #b42318;
	--dp-color-error-soft: #fff0ee;
	--dp-color-info: #155e75;
	--dp-color-info-soft: #eaf6fa;
	--dp-color-focus: #0b6e99;

	--dp-space-1: 0.25rem;
	--dp-space-2: 0.5rem;
	--dp-space-3: 0.75rem;
	--dp-space-4: 1rem;
	--dp-space-5: 1.25rem;
	--dp-space-6: 1.5rem;
	--dp-space-8: 2rem;
	--dp-space-10: 2.5rem;
	--dp-space-12: 3rem;
	--dp-space-16: 4rem;

	--dp-radius-sm: 0.5rem;
	--dp-radius-md: 0.75rem;
	--dp-radius-lg: 1.125rem;
	--dp-radius-xl: 1.5rem;
	--dp-radius-pill: 999px;

	--dp-shadow-sm: 0 1px 2px rgb(30 35 41 / 0.07);
	--dp-shadow-md: 0 12px 32px rgb(30 35 41 / 0.09);
	--dp-shadow-focus: 0 0 0 3px rgb(11 110 153 / 0.22);

	--dp-container: 77.5rem;
	--dp-reading: 47.5rem;
	--dp-header-height: 5rem;

	--dp-text-xs: 0.75rem;
	--dp-text-sm: 0.875rem;
	--dp-text-base: 1rem;
	--dp-text-lg: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
	--dp-text-xl: clamp(1.25rem, 1.1rem + 0.6vw, 1.625rem);
	--dp-text-2xl: clamp(1.5rem, 1.25rem + 1vw, 2.125rem);
	--dp-text-3xl: clamp(2rem, 1.45rem + 2.2vw, 3.5rem);

	--dp-leading-tight: 1.45;
	--dp-leading-base: 1.9;
	--dp-leading-loose: 2.1;

	--dp-motion-fast: 140ms;
	--dp-motion-base: 220ms;
}