/* ============================================================
   سوپراپ نوین برتر انفرادی — متغیرهای طراحی، نسخه ۲
   جایگزین 01-design-tokens.css
   تغییرات نسبت به نسخه ۱:
   ۱. رنگ‌های وضعیت برای هر حالت (تیره/روشن) جدا شد تا وضوح متن ≥ ۴٫۵ باشد
   ۲. دکمه اصلی خنثی شد (سفید/مشکی) — طلایی فقط برای امتیاز و پاداش (سند ۴.۹.۱)
   ۳. طلایی پررنگ برای نوار امتیاز در حالت روشن اضافه شد
   ۴. اندازه فونت، سایه، ارتفاع نوار پایین و Bottom Sheet اضافه شد
   رنگ‌های برند (طلایی، قرمز، مشکی) تغییر نکرده‌اند.
   ============================================================ */

:root {
  /* ---------- Brand (قفل‌شده، بدون تغییر) ---------- */
  --brand-gold: #EFA502;
  --brand-red: #F30D01;
  --brand-black: #0A0A0A;

  /* ---------- Light (حالت دوم) ---------- */
  --bg: #F7F7F5;
  --surface: #FFFFFF;
  --surface-2: #F1F2F2;
  --text: #171717;
  --text-muted: #5F6570;
  --border: #E7E7E4;

  /* وضعیت — به‌عنوان متن/آیکون روی surface */
  --success: #127A4B;
  --warning: #A34A06;
  --error: #C62828;
  --info: #2563EB;
  /* پس‌زمینه ملایم برچسب‌ها (همیشه همراه متن/آیکون وضعیت) */
  --success-soft: rgba(18, 122, 75, 0.12);
  --warning-soft: rgba(163, 74, 6, 0.12);
  --error-soft: rgba(198, 40, 40, 0.10);
  --info-soft: rgba(37, 99, 235, 0.10);

  /* قرمز توپر — فقط دکمه «فوری/خطر» و badge عددی؛ متن روی آن سفید */
  --danger-solid: #C62828;
  --on-danger: #FFFFFF;

  /* طلایی — فقط بخش امتیاز و پاداش؛ هرگز متن در حالت روشن */
  --gold-fill: #9A6800;          /* نوار پیشرفت امتیاز در حالت روشن */
  --gold-soft: rgba(239, 165, 2, 0.12);

  /* دکمه اصلی — خنثی */
  --btn-primary-bg: #171717;
  --btn-primary-text: #FFFFFF;
  --btn-disabled-opacity: 0.4;

  /* تب فعال */
  --tab-active: var(--brand-red);

  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-sheet: 0 -8px 24px rgba(0, 0, 0, 0.12);
  --scrim: rgba(0, 0, 0, 0.45);

  /* ---------- Layout ---------- */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-sheet: 20px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --tap-min: 44px;
  --screen-ref: 390px;
  --bottom-nav-height: 64px;       /* + env(safe-area-inset-bottom) */
  --header-height: 64px;

  /* ---------- Typography ---------- */
  --font-fa: "Vazirmatn", system-ui, sans-serif;
  --fs-xs: 12px;    /* برچسب کوچک، badge */
  --fs-sm: 14px;    /* متن فرعی، زیرعنوان کارت */
  --fs-md: 16px;    /* متن اصلی، ورودی‌ها (کمتر نشود؛ iOS زوم می‌کند) */
  --fs-lg: 18px;    /* عنوان کارت */
  --fs-xl: 22px;    /* عنوان صفحه */
  --fs-stat: 28px;  /* عدد آمار */
  --fs-score: 40px; /* عدد امتیاز */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  --lh-body: 1.7;   /* فارسی به فاصله خط بیشتر نیاز دارد */
}

[data-theme="dark"] {
  /* ---------- Dark (حالت اصلی) ---------- */
  --bg: #0A0A0A;
  --surface: #171717;
  --surface-2: #202020;
  --text: #F5F5F5;
  --text-muted: #A6A6A6;
  --border: #303030;

  --success: #34D399;
  --warning: #FB923C;
  --error: #F87171;
  --info: #60A5FA;
  --success-soft: rgba(52, 211, 153, 0.14);
  --warning-soft: rgba(251, 146, 60, 0.14);
  --error-soft: rgba(248, 113, 113, 0.14);
  --info-soft: rgba(96, 165, 250, 0.14);

  --gold-fill: #EFA502;
  --gold-soft: rgba(239, 165, 2, 0.14);

  --btn-primary-bg: #F5F5F5;
  --btn-primary-text: #0A0A0A;

  --shadow-card: none;
  --shadow-sheet: 0 -8px 24px rgba(0, 0, 0, 0.6);
  --scrim: rgba(0, 0, 0, 0.65);
}