:root {
	--shamsa-color-text: #202744;
	--shamsa-color-background: #fff;
	--shamsa-color-primary: #d51f3b;
	--shamsa-color-navy: #202947;
	--shamsa-color-muted: #f4f4f6;
	--shamsa-color-border: #e7e7eb;
	--shamsa-content-width: 760px;
	--shamsa-wide-width: 1200px;
	--shamsa-space-1: 0.5rem;
	--shamsa-space-2: 1rem;
	--shamsa-space-3: 1.5rem;
	--shamsa-space-4: 2.5rem;
	--shamsa-radius-sm: 6px;
	--shamsa-radius-md: 12px;
	--shamsa-z-dropdown: 100;
	--shamsa-z-sticky: 200;
	--shamsa-z-modal: 300;
	--shamsa-z-toast: 400;
	--shamsa-focus-ring: 0 0 0 3px color-mix(in srgb, var(--shamsa-color-primary) 35%, transparent);

	--shamsa-font: "Yekan Bakh", Tahoma, Arial, sans-serif;

	/* Type scale — ui-ux.md §3 (16px base, rem for a11y zoom) */
	--shamsa-fs-h1: clamp(2rem, 1.7rem + 1.2vw, 2.5rem); /* 32–40 */
	--shamsa-fs-h2: clamp(1.5rem, 1.35rem + 0.6vw, 1.75rem); /* 24–28 */
	--shamsa-fs-h2-lg: 1.375rem; /* 22 — between section & card */
	--shamsa-fs-h3: 1.25rem; /* 20 — card title max */
	--shamsa-fs-card: 1.125rem; /* 18 — card title min / lead */
	--shamsa-fs-item-title: 1.14rem; /* ~18.2 — block item heading (دلایل، اساتید، …) */
	--shamsa-fs-body: 1rem; /* 16 */
	--shamsa-fs-meta: 0.875rem; /* 14 */
	--shamsa-fs-meta-sm: 0.8125rem; /* 13 — minimum meta */
	--shamsa-fs-button: 0.9375rem; /* 15 — دکمه‌های بدنه */
	--shamsa-fs-header: 1rem; /* 16 — منوی هدر (shamsa.org) */
	--shamsa-fs-nav: var(--shamsa-fs-header);
	--shamsa-fs-display: clamp(1.625rem, 1.4rem + 1vw, 2rem); /* hero 26–32 */

	--shamsa-lh-h1: 1.4;
	--shamsa-lh-h2: 1.45;
	--shamsa-lh-h3: 1.5;
	--shamsa-lh-body: 1.85;
	--shamsa-lh-meta: 1.7;
	--shamsa-lh-button: 1;
	--shamsa-lh-heading: var(--shamsa-lh-h1);
}