/* ════════════════════════════════════════════════════════════════
   دکتر آرامش — Design Tokens
   فلسفه: بدون shadow سنگین، استفاده از border ظریف و کنتراست رنگ
   ════════════════════════════════════════════════════════════════ */

@font-face {
	font-family: 'Vazirmatn';
	src: url('../fonts/Vazirmatn/Vazirmatn-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Vazirmatn';
	src: url('../fonts/Vazirmatn/Vazirmatn-Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Vazirmatn';
	src: url('../fonts/Vazirmatn/Vazirmatn-SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Vazirmatn';
	src: url('../fonts/Vazirmatn/Vazirmatn-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

:root {
	/* ───── Brand ───── */
	--ad-primary:        #3A8E97;
	--ad-primary-dark:   #2D7A82;
	--ad-primary-darker: #1F5A60;
	--ad-primary-light:  #5FB3BB;
	--ad-primary-tint:   #E8F4F5;
	--ad-primary-tint-2: #F2F9FA;

	--ad-secondary:       #7FC9A8;
	--ad-secondary-dark:  #5FB28E;
	--ad-secondary-light: #A4D9B5;
	--ad-secondary-tint:  #ECF7F0;

	/* ───── Neutrals ───── */
	--ad-text:        #1E3A5F;
	--ad-text-2:      #4A5E7A;
	--ad-text-3:      #6B7D94;
	--ad-text-muted:  #8A9BA8;
	--ad-text-faint:  #B5C0CC;

	--ad-bg:          #F6F9FB;
	--ad-bg-2:        #EEF3F7;
	--ad-surface:     #FFFFFF;
	--ad-surface-alt: #FAFCFD;

	--ad-border:      #E2E8EE;
	--ad-border-soft: #EEF2F6;
	--ad-border-strong: #D2DBE3;

	/* ───── Semantic ───── */
	--ad-success:       #10B981;
	--ad-success-tint:  #DCFCE7;
	--ad-warning:       #F59E0B;
	--ad-warning-tint:  #FEF3C7;
	--ad-danger:        #EF4444;
	--ad-danger-tint:   #FEE2E2;
	--ad-info:          #3B82F6;
	--ad-info-tint:     #DBEAFE;

	/* ───── Spacing ───── */
	--ad-sp-1: 4px;
	--ad-sp-2: 8px;
	--ad-sp-3: 12px;
	--ad-sp-4: 16px;
	--ad-sp-5: 20px;
	--ad-sp-6: 24px;
	--ad-sp-7: 32px;
	--ad-sp-8: 40px;
	--ad-sp-9: 48px;

	/* ───── Radius ───── */
	--ad-r-sm:   8px;
	--ad-r-md:   12px;
	--ad-r-lg:   16px;
	--ad-r-xl:   20px;
	--ad-r-2xl:  24px;
	--ad-r-pill: 999px;

	/* ───── Typography ───── */
	--ad-font: 'Vazirmatn', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--ad-fs-xs:   12px;
	--ad-fs-sm:   13px;
	--ad-fs-base: 14px;
	--ad-fs-md:   15px;
	--ad-fs-lg:   16px;
	--ad-fs-xl:   18px;
	--ad-fs-2xl:  22px;
	--ad-fs-3xl:  26px;

	/* ───── Elevation (very subtle) ───── */
	--ad-elev-0: none;
	--ad-elev-1: 0 1px 2px rgba(30, 58, 95, 0.04);
	--ad-elev-2: 0 2px 6px rgba(30, 58, 95, 0.06);
	--ad-elev-nav: 0 -1px 12px rgba(30, 58, 95, 0.05);

	/* ───── Layout ───── */
	--ad-shell-max: 480px;
	--ad-header-h:  56px;
	--ad-nav-h:     64px;

	/* ───── Motion ───── */
	--ad-easing:    cubic-bezier(.2, .7, .3, 1);
	--ad-dur-fast:  150ms;
	--ad-dur-base:  250ms;
	--ad-dur-slow:  350ms;
}

/* ════════════════════════════════════════════════════════════════
   Reset & base
   ════════════════════════════════════════════════════════════════ */
*, *::before, *::after { box-sizing: border-box; }

html, body {
	margin: 0;
	padding: 0;
	font-family: var(--ad-font);
	font-size: var(--ad-fs-base);
	color: var(--ad-text);
	background: var(--ad-bg);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	direction: rtl;
	text-align: right;
}

body.ad-app {
	background: var(--ad-bg);
	min-height: 100vh;
	min-height: 100dvh;
	overflow-x: hidden;
}

a {
	color: var(--ad-primary);
	text-decoration: none;
}
a:hover { color: var(--ad-primary-dark); }

img { max-width: 100%; display: block; }
button { font-family: inherit; cursor: pointer; }
input, textarea, select { font-family: inherit; }

/* hide WP admin bar gutter on mobile dashboards */
.ad-app, .ad-login {
	margin-top: 0 !important;
}
html.ad-no-adminbar { margin-top: 0 !important; }