/* ============================================================
   HIRMAN — DESIGN SYSTEM (shared tokens)
   منبع واحد Tokenهای بصری برای همه صفحات: صفحه اصلی، رزرو،
   حساب مشتری، ورود و پنل مدیریت.

   وضعیت فعلی: این فایل هم‌اکنون فقط در static/landing.html
   لینک شده (Hero + یک صحنه از داستان اسکرولی، طبق چک‌پوینت
   میانی پرامپت). رنگ‌ها عیناً همان مقادیر موجود در
   static/css/landing.css هستند — چیزی تغییر داده نشده، فقط
   به یک منبع مشترک منتقل شده. صفحات دیگر (app.css, customer.css,
   login.css, admin.css) در مراحل بعدی به این فایل منتقل می‌شوند؛
   فعلاً دست‌نخورده باقی مانده‌اند.
   ============================================================ */
:root{
  /* ---------- Typography ---------- */
  --font:'Vazirmatn','Tahoma',sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,'SF Mono',monospace;
  --font-wordmark:'Fraunces','Georgia',serif;

  --fs-caption:12px;   --fs-small:13.5px;  --fs-body:15.5px;
  --fs-lg:17.5px;      --fs-h3:22px;       --fs-h2:32px;
  --fs-h1:44px;        --fs-display:clamp(38px,6vw,72px);
  --lh-tight:1.15;     --lh-heading:1.3;   --lh-body:1.7;
  --fw-body:400;       --fw-medium:600;    --fw-bold:800;

  /* ---------- Color: background / surfaces / text ---------- */
  --ink:#061023;              /* پررنگ‌ترین متن */
  --text:#061023;
  --muted:#5E7392;            /* متن ثانویه */
  --muted-soft:#5E7392;
  --paper:#BCBDB6;            /* پس‌زمینه خاکستری روشن */
  --surface:#FFFFFF;
  --surface-glass:rgba(255,255,255,.86);
  --surface-2:#BCBDB6;
  --line:rgba(4,18,47,.10);
  --line-soft:rgba(4,18,47,.065);

  /* ---------- Color: brand ---------- */
  --navy:#2B4970;              /* آبی برند اصلی */
  --navy-dark:#04122F;         /* سرمه‌ای عمیق — پس‌زمینه صحنه‌های سینمایی */
  --navy-deep:#061023;         /* تیره‌ترین سرمه‌ای */
  --navy-soft:#BCBDB6;

  /* Accent گرم محدود — طبق بخش ۱۲ پرامپت، فقط برای جزئیات کوچک
     (Glow پشت CTA، هایلایت لحظه‌ای)، هرگز به‌عنوان رنگ غالب. */
  --accent-warm:#C89B5C;
  --accent-warm-glow:rgba(200,155,92,.35);

  /* ---------- on-dark variants (متن/خط روی زمینه سرمه‌ای) ---------- */
  --ink-onDark:#F4F1EA;
  --text-onDark:#F4F1EA;
  --muted-onDark:#A9B4C6;
  --line-onDark:rgba(244,241,234,.14);
  --line-soft-onDark:rgba(244,241,234,.08);

  /* ---------- Border / Radius / Shadow / Glow ---------- */
  --radius-sm:13px; --radius-md:17px; --radius-lg:24px; --radius-xl:32px; --radius-2xl:40px;
  --shadow-xs:0 1px 2px rgba(6,16,35,.04),0 8px 22px rgba(4,18,47,.04);
  --shadow-sm:0 10px 30px rgba(4,18,47,.07),0 2px 8px rgba(4,18,47,.04);
  --shadow-md:0 20px 50px rgba(4,18,47,.12),0 6px 16px rgba(4,18,47,.06);
  --shadow-lg:0 34px 90px rgba(6,16,35,.30),0 10px 28px rgba(6,16,35,.14);
  --glow-navy:0 0 60px rgba(43,73,112,.35);
  --glow-warm:0 0 50px var(--accent-warm-glow);

  /* ---------- Spacing scale ---------- */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px;
  --sp-6:32px; --sp-7:48px; --sp-8:64px; --sp-9:96px; --sp-10:128px;

  /* ---------- Layout ---------- */
  --container-w:1200px;

  /* ---------- Motion: duration ---------- */
  --dur-instant:120ms;   /* Hover/Press ریز */
  --dur-fast:200ms;      /* Toggleها، Microinteraction */
  --dur-base:320ms;      /* Transition استاندارد رابط رزرو */
  --dur-slow:600ms;      /* Reveal تایپوگرافی، Crossfade صحنه */
  --dur-cinematic:900ms; /* ورود Hero، Transition اصلی صحنه‌ها */

  /* ---------- Motion: easing ---------- */
  --ease:cubic-bezier(.16,.8,.24,1);          /* استاندارد UI */
  --ease-spring:cubic-bezier(.2,.9,.16,1.14); /* دکمه/Press */
  --ease-cinematic:cubic-bezier(.22,1,.36,1); /* Reveal صحنه‌های سینمایی */
  --ease-in-out:cubic-bezier(.45,0,.15,1);    /* Pan/Scale آرام هنگام اسکرول */

  /* ---------- Motion: standard ranges (برای استفاده در JS/CSS) ---------- */
  --scene-scale-min:1.02; --scene-scale-max:1.08;
  --scene-pan-max:18px;

  /* ---------- State colors ---------- */
  --success:#2F6B4F; --success-soft:#E3EFE8;
  --warning:#8A6A1E; --warning-soft:#F5ECD8;
  --error:#8C2F49;   --error-soft:#FBE8EC;
  --disabled-bg:#E7E9EE; --disabled-text:#9AA3B2;
  --skeleton-base:#E7E9EE; --skeleton-shine:#F4F5F8;

  /* ---------- Focus ---------- */
  --focus-ring:0 0 0 3px rgba(43,73,112,.45);

  /* ---------- Safe areas (PWA) ---------- */
  --safe-t:env(safe-area-inset-top,0px); --safe-b:env(safe-area-inset-bottom,0px);
  --safe-l:env(safe-area-inset-left,0px); --safe-r:env(safe-area-inset-right,0px);
}

/* ---------- Reduced motion: global contract ----------
   هر صفحه‌ای که این فایل را لود می‌کند، این قانون پایه را می‌گیرد:
   در prefers-reduced-motion، مدت انیمیشن‌ها به‌شدت کوتاه می‌شود و
   Parallax/Scale غیرفعال می‌شود. جزئیات بیشتر در MOTION-SYSTEM.md. */
@media (prefers-reduced-motion: reduce){
  :root{
    --dur-instant:0ms; --dur-fast:60ms; --dur-base:80ms;
    --dur-slow:100ms; --dur-cinematic:120ms;
    --scene-scale-min:1; --scene-scale-max:1; --scene-pan-max:0px;
  }
}