/* ==========================================================================
   توکن‌های سیستم طراحی مچی‌موب
   تمام رنگ‌ها، فاصله‌ها، شعاع‌ها و سایه‌ها از اینجا کنترل می‌شوند.
   برای تغییر هویت بصری فقط کافی است این فایل را ویرایش کنید.
   ========================================================================== */

:root {
  /* --- رنگ برند --- */
  --brand: #710193;
  --brand-600: #7e0aa3;
  --brand-500: #8f1fb4;
  --brand-400: #a63fc7;
  --brand-300: #c07ad9;
  --brand-200: #ddb3ec;
  --brand-100: #f0defa;
  --brand-050: #f9f2fd;

  /* گرادیان‌های برند */
  --grad-brand: linear-gradient(135deg, #710193 0%, #a112c0 55%, #c93bd8 100%);
  --grad-brand-soft: linear-gradient(160deg, #7e0aa3 0%, #4a0563 100%);
  --grad-sheen: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.28) 0%,
    rgba(255, 255, 255, 0) 60%
  );

  /* --- رنگ پلن‌ها --- */
  --plan-normal: #8a8f98;
  --plan-normal-soft: #eef0f3;
  --plan-silver: #9aa3ad;
  --plan-silver-grad: linear-gradient(135deg, #c9d1da 0%, #8b95a1 100%);
  --plan-gold: #c99a2e;
  --plan-gold-grad: linear-gradient(135deg, #f4d675 0%, #c99a2e 100%);

  /* --- خنثی‌ها --- */
  --bg: #0e0714;
  --surface: #ffffff;
  --surface-2: #faf7fc;
  --surface-3: #f3edf7;
  --ink: #1c1024;
  --ink-2: #4a3d55;
  --ink-3: #7a6d86;
  --line: #e9e2ef;
  --line-strong: #d8cce2;

  /* رنگ‌های وضعیت */
  --success: #1e9e6a;
  --success-soft: #e4f6ee;
  --warning: #d98a1f;
  --warning-soft: #fdf1de;
  --danger: #d64545;
  --danger-soft: #fbe7e7;
  --info: #2f7de1;

  /* --- شیشه (Liquid Glass — iOS 26) --- */
  --glass-bg: rgba(255, 255, 255, 0.09);
  --glass-bg-strong: rgba(255, 255, 255, 0.13);
  --glass-border: rgba(255, 255, 255, 0.26);
  --glass-blur: 40px;
  /* لبه‌ی نورانی (specular edge): نور از بالا، تیرگی ظریف از پایین */
  --glass-edge:
    inset 0 1px 1px rgba(255, 255, 255, 0.45),
    inset 0 -1px 1px rgba(255, 255, 255, 0.07),
    inset 0 0 0 1px rgba(255, 255, 255, 0.16);
  --glass-edge-soft:
    inset 0 1px 0 rgba(255, 255, 255, 0.35),
    inset 0 0 0 1px rgba(255, 255, 255, 0.12);

  /* --- تایپوگرافی --- */
  --font: 'Vazirmatn', 'Segoe UI', Tahoma, system-ui, sans-serif;
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-md: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.375rem;
  --fs-2xl: 1.75rem;
  --fs-3xl: 2.25rem;

  /* --- فاصله‌گذاری (مقیاس ۴px) --- */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.25rem;
  --sp-6: 1.5rem;
  --sp-8: 2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;

  /* --- شعاع گوشه‌ها (زبان شکل iOS: کپسول + گوشه‌های پیوسته‌ی بزرگ) --- */
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-2xl: 38px;
  --r-full: 999px;

  /* --- سایه‌ها --- */
  --sh-sm: 0 1px 2px rgba(28, 16, 36, 0.06), 0 1px 3px rgba(28, 16, 36, 0.08);
  --sh-md: 0 6px 16px rgba(28, 16, 36, 0.1);
  --sh-lg: 0 24px 60px rgba(20, 5, 32, 0.35);
  --sh-brand: 0 10px 30px rgba(140, 20, 180, 0.45);
  --sh-inset: inset 0 1px 0 rgba(255, 255, 255, 0.5);

  /* --- حرکت --- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-1: 0.15s;
  --dur-2: 0.28s;
  --dur-3: 0.45s;

  /* --- ابعاد چیدمان --- */
  --app-canvas: 460px;   /* عرض صفحه‌ی مربعی مرکزی */
  --menu-w: 88px;        /* عرض ریل منوی کناری */
  --menu-w-open: 264px;  /* عرض منو در حالت باز */
  --z-menu: 40;
  --z-modal: 80;
  --z-toast: 90;
}