/* توکن‌های رنگ برند — منبع حقیقت: docs/brand-guidelines.md (نمونه‌برداری از
   گرادیان لوگو: فیروزه‌ای → بنفش → سرخابی). رنگ‌های نئون فقط تزئینی‌اند؛
   متن فقط با brand / brand-deep / brand-ink / muted (کنتراست ≥۴.۵). */
:root {
  --brand: #6d3ae0;
  --brand-deep: #4a1f96;
  --brand-ink: #241a3a;
  --brand-soft: #f1ecfe;
  --cyan: #2fd0ff;
  --violet: #9965fd;
  --magenta: #ff01ff;
  --cyan-ink: #0e7490;
  --grad: linear-gradient(135deg, #2fd0ff 0%, #9965fd 50%, #ff01ff 100%);
  --bg: #f6f4fe;
  --card: #ffffff;
  --muted: #6b6178;
  --border: #e4dcfb;
  --shadow-sm: 0 1px 2px rgba(74, 31, 150, 0.06), 0 4px 14px rgba(74, 31, 150, 0.08);
  --shadow-md: 0 2px 4px rgba(74, 31, 150, 0.06), 0 10px 28px rgba(74, 31, 150, 0.12);
}

body {
  margin: 0;
  font-family: Vazirmatn, sans-serif;
  color: var(--brand-ink);
  background:
    radial-gradient(900px 420px at 100% -10%, rgba(47, 208, 255, 0.12), transparent 70%),
    radial-gradient(800px 420px at -10% 70%, rgba(255, 1, 255, 0.07), transparent 70%),
    var(--bg);
  background-attachment: fixed;
}

a {
  text-decoration: none;
  color: inherit;
}

/* فقط برای موتور جست‌وجو و صفحه‌خوان؛ روی صفحه دیده نمی‌شود */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}