/* Shared site and dashboard design tokens. */
/* ---------- 1. توکن‌های طراحی (CSS Variables) ---------- */
:root {
  color-scheme: light;

  /* پالت برند — همان رنگ‌های پلیر پادکست */
  --brand-navy: #111827;
  --brand-navy-blue: #172554;
  --brand-blue-deep: #1e3a8a;
  --brand-blue: #2563eb;
  --brand-blue-bright: #3b82f6;
  --brand-blue-soft: #93c5fd;

  --color-primary: var(--brand-blue);
  --color-primary-dark: var(--brand-blue-deep);
  --color-primary-light: var(--brand-blue-bright);
  --color-primary-soft: #dbeafe;
  --color-accent: var(--brand-blue-bright);

  /* پس‌زمینه و سطوح — تم روشن */
  --bg-body: #f8fafc;
  --bg-surface: #ffffff;
  --bg-surface-2: #eff6ff;
  --bg-nav: rgba(255, 255, 255, 0.72);

  /* متن */
  --text-main: var(--brand-navy);
  --text-muted: #64748b;
  --text-soft: #94a3b8;

  /* مرز و سایه */
  --border-color: #dbeafe;
  --shadow-sm: 0 2px 8px rgba(17, 24, 39, 0.05);
  --shadow-md: 0 8px 24px rgba(17, 24, 39, 0.08);
  --shadow-lg: 0 16px 48px rgba(17, 24, 39, 0.12);
  --shadow-primary: 0 8px 22px rgba(37, 99, 235, 0.22);

  /* شعاع گوشه */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px; /* فقط نوارهای باریک (اسکرول‌بار، نوار پیشرفت) */

  /* تایپوگرافی */
  --font-fa: 'Vazirmatn', 'Inter', system-ui, sans-serif;
  --font-en: 'Inter', 'Vazirmatn', system-ui, sans-serif;

  /* انتقال‌ها */
  --transition: 0.22s ease;

  /* ته‌رنگ هیرو — محو تدریجی به پس‌زمینه */
  --hero-tint: rgba(37, 99, 235, 0.09);
  --hero-tint-soft: rgba(37, 99, 235, 0.025);

  /* شیشه‌ای (Glassmorphism) — سطوحِ نیمه‌شفاف با محو پس‌زمینه */
  --glass-bg: rgba(255, 255, 255, 0.62);
  --glass-border: rgba(255, 255, 255, 0.5);
  --glass-blur: blur(12px) saturate(120%);
}

/* ---------- تم تاریک ---------- */
[data-theme="dark"] {
  color-scheme: dark;
  --color-primary: #60a5fa;
  --color-primary-dark: var(--brand-blue-bright);
  --color-primary-light: var(--brand-blue-soft);
  --color-primary-soft: var(--brand-navy-blue);
  --color-accent: var(--brand-blue-soft);

  --bg-body: #0f172a;
  --bg-surface: var(--brand-navy);
  --bg-surface-2: var(--brand-navy-blue);
  --bg-nav: rgba(17, 24, 39, 0.72);

  --text-main: #f8fafc;
  --text-muted: #cbd5e1;
  --text-soft: #94a3b8;

  --border-color: #334155;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.5);
  --shadow-primary: 0 8px 22px rgba(96, 165, 250, 0.18);

  --hero-tint: rgba(96, 165, 250, 0.07);
  --hero-tint-soft: rgba(96, 165, 250, 0.025);

  --glass-bg: rgba(17, 24, 39, 0.72);
  --glass-border: rgba(255, 255, 255, 0.12);
  --glass-blur: blur(12px) saturate(115%);
}