/*
 * توکن‌های طراحی «رصدخانه اقتصاد» — پورت وفادار globals.css پروتوتایپ.
 * هیچ رنگ/شعاع/فونتی خارج از این فایل hard-code نشود (پیوست B سند معماری).
 * دارک‌مود: کلاس «dark» روی <html> (توسط rsd-live-bar.js جابه‌جا می‌شود).
 */

/* ── فونت وزیرمتن (خودمیزبان — همان نسخه پروتوتایپ) ── */
@font-face {
	font-family: 'Vazirmatn';
	src: url('../fonts/Vazirmatn-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Vazirmatn';
	src: url('../fonts/Vazirmatn-Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Vazirmatn';
	src: url('../fonts/Vazirmatn-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Vazirmatn';
	src: url('../fonts/Vazirmatn-ExtraBold.woff2') format('woff2');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

/* ── توکن‌های پایه ── */
:root {
	/* برند — طلا (پله کامل) */
	--rsd-brand-50: #fbf8ef;
	--rsd-brand-100: #f5edd5;
	--rsd-brand-200: #ebdcaa;
	--rsd-brand-300: #dfc57e;
	--rsd-brand-400: #cfa954;
	--rsd-brand-500: #b98c33;
	--rsd-brand-600: #9a7225; /* اصلی */
	--rsd-brand-700: #7c5b1d;
	--rsd-brand-800: #5f4616;
	--rsd-brand-900: #463411;
	--rsd-brand-950: #291d09;

	/* سطح‌های خنثی */
	--rsd-bg: #fafaf8;
	--rsd-fg: #101828; /* سرمه‌ای تیره — متن مهم */
	--rsd-card: #ffffff;
	--rsd-border: #e8e5dd;
	--rsd-input: #e2ded4;
	--rsd-muted-bg: #f3f2ee;
	--rsd-muted-fg: #6e6a5e;
	--rsd-secondary: #f4f1e9;
	--rsd-secondary-fg: #3d3524;
	--rsd-accent: #f5edd5;
	--rsd-accent-fg: #5f4616;
	--rsd-ring: #cfa954;

	/* بازار — رشد/افت (فقط برای داده مالی) */
	--rsd-up: #047857;
	--rsd-up-soft: #ecfdf5;
	--rsd-down: #b91c1c;
	--rsd-down-soft: #fef2f2;

	/* شکل */
	--rsd-radius: 0.75rem;
	--rsd-radius-sm: calc(var(--rsd-radius) - 4px);
	--rsd-radius-md: calc(var(--rsd-radius) - 2px);
	--rsd-radius-lg: var(--rsd-radius);
	--rsd-radius-xl: calc(var(--rsd-radius) + 4px);
	--rsd-radius-2xl: calc(var(--rsd-radius) + 8px);

	/* سایه کارت‌ها (الگوی پروتوتایپ) */
	--rsd-shadow-card: 0 1px 3px rgb(16 24 40 / 0.04);
	--rsd-shadow-hover: 0 4px 12px -2px rgb(16 24 40 / 0.1);

	/* تایپوگرافی */
	--rsd-font: 'Vazirmatn', system-ui, -apple-system, 'Segoe UI', sans-serif;

	/* تیکر تیره */
	--rsd-ticker-bg: #0f0e0b;
	--rsd-ticker-fg: #f2efe8;
}

html.dark {
	--rsd-bg: #0f0e0b;
	--rsd-fg: #f2efe8;
	--rsd-card: #17150f;
	--rsd-border: rgb(255 255 255 / 0.08);
	--rsd-input: rgb(255 255 255 / 0.12);
	--rsd-muted-bg: #26221a;
	--rsd-muted-fg: #a39d8e;
	--rsd-secondary: #26221a;
	--rsd-secondary-fg: #e8e3d6;
	--rsd-accent: #2b2517;
	--rsd-accent-fg: #dfc57e;
	--rsd-ring: #cfa954;

	--rsd-up: #34d399;
	--rsd-up-soft: rgb(52 211 153 / 0.12);
	--rsd-down: #f87171;
	--rsd-down-soft: rgb(248 113 113 / 0.12);

	--rsd-shadow-card: 0 1px 3px rgb(0 0 0 / 0.3);
	--rsd-shadow-hover: 0 4px 12px -2px rgb(0 0 0 / 0.45);
}

/* ── اسکرول‌بار باریک ── */
* {
	scrollbar-width: thin;
	scrollbar-color: #d6cfbd transparent;
}
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
::-webkit-scrollbar-track {
	background: transparent;
}
::-webkit-scrollbar-thumb {
	background: #d6cfbd;
	border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
	background: #c4b98f;
}
html.dark ::-webkit-scrollbar-thumb {
	background: #3a342a;
}
html.dark * {
	scrollbar-color: #3a342a transparent;
}

::selection {
	background: #dfc57e;
	color: #291d09;
}

/* ── ردیف چیپ افقی بدون اسکرول‌بار ── */
.rsd-no-scrollbar {
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.rsd-no-scrollbar::-webkit-scrollbar {
	display: none;
}

/* ── تیکر قیمت — حرکت پیوسته با توقف روی هاور ── */
@keyframes rsd-ticker-scroll {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}
.rsd-ticker-track {
	display: flex;
	width: max-content;
	direction: ltr;
	animation: rsd-ticker-scroll 55s linear infinite;
	will-change: transform;
}
.rsd-ticker-track:hover {
	animation-play-state: paused;
}
@media (prefers-reduced-motion: reduce) {
	.rsd-ticker-track {
		animation: none;
	}
}

/* ── فلش لحظه‌ای تغییر قیمت ── */
@keyframes rsd-flash-up {
	0% {
		background-color: rgb(5 150 105 / 0.18);
	}
	100% {
		background-color: transparent;
	}
}
@keyframes rsd-flash-down {
	0% {
		background-color: rgb(220 38 38 / 0.18);
	}
	100% {
		background-color: transparent;
	}
}
.rsd-flash-up {
	animation: rsd-flash-up 0.9s ease-out;
}
.rsd-flash-down {
	animation: rsd-flash-down 0.9s ease-out;
}

/* ── اسکلتون بارگذاری ── */
@keyframes rsd-shimmer {
	0% {
		opacity: 0.55;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0.55;
	}
}
.rsd-skeleton {
	border-radius: var(--rsd-radius-md);
	background: var(--rsd-muted-bg);
	animation: rsd-shimmer 1.6s ease-in-out infinite;
}

/* ── بدنه مقاله فارسی ── */
.rsd-article-body {
	font-size: 15.5px;
	line-height: 2.2;
	color: #334155;
}
html.dark .rsd-article-body {
	color: #cbd5e1;
}
.rsd-article-body p {
	margin-bottom: 1.5rem;
}