/* tokens.css — khalaghyar.com design tokens
   از design-system.md گرفته شده — رنگ جدید بدون آپدیت اونجا اینجا اضافه نشود */

:root{
  --bg: #0A0714;
  --surface: #150F27;
  --line: rgba(255,255,255,0.09);
  --text: #F3F0FA;
  --muted: #9C93B5;
  --amber: #FFB020;
  --purple: #8B5CF6;
  --magenta: #D946EF;
  --blue: #60A5FA;
  --green: #34D399;
  --mono: 'JetBrains Mono', monospace;
}

body{
  background: radial-gradient(ellipse 900px 600px at 50% -10%, #1E1440 0%, var(--bg) 55%), var(--bg);
  color: var(--text);
  font-family: 'Vazirmatn', Tahoma, sans-serif;
}

@media (prefers-reduced-motion: reduce){
  *{ animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
}

/* گرادینت متن هدلاین */
.text-gradient{
  background: linear-gradient(90deg, var(--amber), var(--purple) 40%, var(--magenta) 70%, var(--blue));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* دکمه اصلی با بوردر گرادیانتی */
.btn-grad{
  display:inline-block; position:relative; padding:2px; border-radius:100px;
  background: linear-gradient(90deg, var(--amber), var(--purple), var(--magenta));
  text-decoration:none;
}
.btn-grad span{
  display:block; background: var(--bg); color:var(--text); font-weight:700; font-size:15px;
  padding:14px 30px; border-radius:100px;
}

/* دکمه ثانویه */
.btn-plain{
  color:var(--text); text-decoration:none; border:1px solid var(--line);
  padding:15px 26px; border-radius:100px; font-weight:600; font-size:15px;
  display:inline-flex; align-items:center;
  transition: border-color .2s ease, background .2s ease;
}
.btn-plain:hover{ border-color:var(--purple); background: rgba(139,92,246,.08); }

/* بج کوچک */
.badge{
  display:inline-flex; align-items:center; gap:7px;
  font-family: 'Vazirmatn', Tahoma, sans-serif; font-size:13px; font-weight:600;
  color:var(--text); border:1px solid var(--line); background: rgba(255,255,255,.03);
  padding:6px 13px; border-radius:100px;
}
.badge b{ width:6px; height:6px; border-radius:50%; display:inline-block; }

/* قاب آماری با بوردر نقطه‌چین */
.stat-frame{
  border: 1.5px dashed rgba(139,92,246,.35);
  border-radius: 22px; padding: 26px;
}
.stat-card{
  background: var(--surface); border:1px solid var(--line); border-radius:16px;
  padding:24px; text-align:center;
}
.stat-card--blue{ border-color: rgba(96,165,250,.45); }
.stat-card--purple{ border-color: rgba(139,92,246,.45); }
.stat-card--amber{ border-color: rgba(255,176,32,.45); }
.stat-num{ font-family: var(--mono); font-size:34px; font-weight:700; }
.stat-label{ font-size:12.5px; font-weight:700; letter-spacing:.03em; margin-top:8px; color: var(--text); }
.stat-sub{ font-size:12px; color:var(--muted); margin-top:3px; }