/* =========================================================
   آریا نسخه ۱.۰ — پوسته مرکز مستندات توسعه‌دهنده
   این فایل فقط برای صفحات عمومی مستندات استفاده می‌شود.
   ========================================================= */

:root {
  --docs-primary: #2563eb;
  --docs-text: #0f172a;
  --docs-muted: #64748b;
  --docs-border: #e2e8f0;
  --docs-surface: #ffffff;
  --docs-bg: #f8fafc;
}

* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: var(--ariya-font, "Vazirmatn", Tahoma, Arial, sans-serif);
  background: var(--docs-bg);
  color: var(--docs-text);
  line-height: 1.8;
}
a { color: inherit; text-decoration: none; }
.docs-wrap { width: min(1180px, calc(100% - 32px)); margin-inline: auto; }
.docs-hero {
  padding: 72px 0 44px;
  background: linear-gradient(145deg, #0f172a, #172554);
  color: #fff;
}
.docs-eyebrow {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding: 6px 11px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  font-size: 12px;
  color: #bfdbfe;
}
.docs-hero h1 { font-size: clamp(30px,5vw,54px); margin: 14px 0 8px; line-height: 1.3; }
.docs-hero p { max-width: 720px; color: #cbd5e1; margin: 0; }
.docs-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 22px; }
.docs-btn { padding: 10px 15px; border-radius: 11px; background: #fff; color: #0f172a; font-weight: 800; font-size: 13px; }
.docs-btn.alt { background: rgba(255,255,255,.09); color: #fff; border: 1px solid rgba(255,255,255,.15); }
.docs-main { padding: 36px 0 70px; }
.docs-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-top: -58px; margin-bottom: 26px; }
.docs-stat { padding: 18px; background: #fff; border: 1px solid var(--docs-border); border-radius: 16px; box-shadow: 0 14px 40px -28px #0f172a; }
.docs-stat strong { display: block; font-size: 24px; color: var(--docs-primary); }
.docs-stat small { color: var(--docs-muted); }
.docs-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.doc-card {
  display: grid;
  grid-template-columns: 44px 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background: #fff;
  border: 1px solid var(--docs-border);
  border-radius: 15px;
  transition: .18s;
}
.doc-card:hover { border-color: #93c5fd; transform: translateY(-2px); box-shadow: 0 16px 36px -30px #1d4ed8; }
.doc-icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: #eff6ff; color: var(--docs-primary); }
.doc-card strong { display: block; font-size: 14px; }
.doc-card small { display: block; margin-top: 2px; color: var(--docs-muted); font-size: 11px; }
.doc-card .arrow { color: #94a3b8; font-size: 11px; }
.docs-note { margin-top: 24px; padding: 18px; border: 1px dashed #93c5fd; border-radius: 15px; background: #eff6ff; color: #1e3a8a; font-size: 13px; }
.docs-footer { padding: 24px 0; border-top: 1px solid var(--docs-border); color: var(--docs-muted); font-size: 12px; }

@media (max-width: 900px) { .docs-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 640px) {
  .docs-hero { padding-top: 48px; }
  .docs-stats { grid-template-columns: 1fr; margin-top: -28px; }
  .docs-grid { grid-template-columns: 1fr; }
  .docs-wrap { width: min(100% - 20px,1180px); }
}

/* فاز دهم: لینک پرش و فوکوس قابل مشاهده برای مستندات */
.skip-link{position:fixed;inset-block-start:8px;inset-inline-start:8px;z-index:9999;padding:.55rem .85rem;border-radius:9px;background:#2563eb;color:#fff;transform:translateY(-160%)}
.skip-link:focus{transform:none}:focus-visible{outline:3px solid rgba(37,99,235,.38);outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}