/* ============================================================
   TOKENS — یگانه منبع رنگ‌ها، فونت‌ها و اندازه‌ها
   هر وقت خواستی تم رنگی یا فونت رو عوض کنی، فقط همین فایل کافیه
   ============================================================ */

:root {
  /* --- پالت پایه --- */
  --gold-50:  #f7efd9;
  --gold-200: #e6c877;
  --gold-400: #c6a15b;   /* طلای کدر و لوکس — رنگ اصلی برند */
  --gold-600: #8b6b2e;   /* طلای تیره — هاور/فعال */
  --gold-800: #5c4720;

  --silver-200: #e7e9eb;
  --silver-400: #c4c8cc; /* رنگ ثانویه برای آیتم‌های نقره */
  --silver-600: #8a9096;

  --garnet-500: #7a1f2b; /* رنگ جواهری برای تخفیف/برچسب ویژه */
  --garnet-600: #5e1521;

  --ink-950: #0e0d10;    /* پس‌زمینه حالت شب */
  --ink-900: #16151a;
  --ink-800: #201f26;
  --ink-700: #2c2b33;

  --ivory-50:  #faf7f0;  /* پس‌زمینه حالت روز */
  --ivory-100: #f3eee1;
  --ivory-300: #e5ddc8;

  --success-500: #3f7d54;
  --danger-500:  #b3382c;

  /* --- تایپوگرافی --- */
  --font-ui:      'Vazirmatn', 'Tahoma', sans-serif;      /* متن و رابط کاربری */
  --font-display: 'Vazirmatn', 'Tahoma', sans-serif;      /* عنوان‌های بزرگ — وزن سنگین */
  --font-num:     'Vazirmatn', 'Tahoma', monospace;       /* اعداد قیمت — تبدیل‌شده به ارقام جدولی */

  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-lg: 1.25rem;
  --fs-xl: 1.75rem;
  --fs-2xl: 2.5rem;

  /* --- فاصله‌گذاری --- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  --shadow-soft: 0 8px 30px rgba(0,0,0,0.08);
  --shadow-gold: 0 6px 24px rgba(198,161,91,0.25);

  --ease: cubic-bezier(.22,.61,.36,1);
  --dur-fast: 150ms;
  --dur-med: 320ms;
}

/* ============ حالت روز (پیش‌فرض) ============ */
:root,
[data-theme="light"] {
  --bg: var(--ivory-50);
  --bg-elevated: #ffffff;
  --bg-muted: var(--ivory-100);
  --border: var(--ivory-300);
  --text: #1c1a16;
  --text-muted: #6b6357;
  --accent: var(--gold-600);
  --accent-strong: var(--gold-800);
  --on-accent: #fffaf0;
  --card-shadow: var(--shadow-soft);
}

/* ============ حالت شب ============ */
[data-theme="dark"] {
  --bg: var(--ink-950);
  --bg-elevated: var(--ink-900);
  --bg-muted: var(--ink-800);
  --border: var(--ink-700);
  --text: #f2ede0;
  --text-muted: #a39d8f;
  --accent: var(--gold-400);
  --accent-strong: var(--gold-200);
  --on-accent: #241c0a;
  --card-shadow: 0 8px 30px rgba(0,0,0,0.45);
}