/* ==========================================================================
   آلنیدو — توکن‌های طراحی
   مقادیر رنگ به صورت «R G B» (فاصله‌جدا) ذخیره می‌شوند تا نحو مدرن رنگ
   کار کند و بتوان شفافیت تزریق کرد:
       background: rgb(var(--surface-brand-default) / 12%)
   با مقدار کاماجدا این عبارت نامعتبر می‌شود و مرورگر بی‌صدا دورش می‌ریزد.
   ========================================================================== */

:root {
  color-scheme: light;

  /* ---------- رنگ: تم روشن ---------- */
  --surface-neutral-base:    255 255 255;
  --surface-neutral-subtle:  246 247 248;
  --surface-neutral-muted:   237 239 241;
  --surface-neutral-raised:  255 255 255;
  --surface-neutral-inverse:  20 24 28;

  --border-neutral-weak:     238 240 242;
  --border-neutral-default:  227 230 233;
  --border-neutral-strong:   200 205 210;

  --content-neutral-primary:   20 24 28;
  --content-neutral-secondary: 107 116 125;
  --content-neutral-tertiary:  146 154 162;
  --content-neutral-inverse:  255 255 255;

  /* برند نارنجی.
     default → پس‌زمینهٔ دکمه با متن سفید (کنتراست ۴٫۶:۱ ✓)
     vivid   → نارنجی پرانرژی برای لوگو و آیکون، نه برای متن ریز
     content → نارنجی متن روی سفید (کنتراست ۵٫۵:۱ ✓) */
  --surface-brand-default: 204 74 10;
  --surface-brand-hover:   168 59 6;
  --surface-brand-vivid:   249 115 22;
  --surface-brand-subtle:  255 241 232;
  --content-brand-default: 184 66 10;
  --border-brand-default:  204 74 10;

  /* لهجهٔ خنثای تیره برای برچسب آگهی‌های ارتقاءیافته،
     تا رنگ برند کمیاب بماند و با آن رقابت نکند */
  --surface-accent-default:  60 62 66;
  --surface-accent-subtle:   238 239 241;
  --content-accent-default:  55 58 62;

  --surface-positive-subtle: 226 245 235;
  --content-positive-default: 30 122 79;

  --surface-negative-subtle: 253 235 234;
  --content-negative-default: 194 56 47;

  --surface-info-subtle:    232 240 253;
  --content-info-default:    47 111 224;

  /* ---------- سایه ---------- */
  --sh-1: 0 1px 2px rgb(16 20 24 / 6%);
  --sh-2: 0 4px 12px rgb(16 20 24 / 8%);
  --sh-3: 0 12px 32px rgb(16 20 24 / 12%);
  --sh-header: 0 1px 0 rgb(var(--border-neutral-default));

  /* ---------- فاصله (مقیاس ۴) ---------- */
  --sp-1: 4px;   --sp-2: 8px;   --sp-3: 12px;  --sp-4: 16px;
  --sp-5: 24px;  --sp-6: 32px;  --sp-7: 48px;  --sp-8: 64px;

  /* ---------- شعاع ---------- */
  --r-sm: 6px;  --r-md: 10px;  --r-lg: 16px;  --r-full: 999px;

  /* ---------- تایپوگرافی ---------- */
  --font-sans: "YekanBakh", "IRANSans", Tahoma, -apple-system, "Segoe UI",
               Roboto, "Noto Naskh Arabic", sans-serif;

  /* یکان‌بخش فقط چهار وزن دارد — فقط از همین‌ها استفاده کن */
  --fw-regular: 400;
  --fw-medium:  500;
  --fw-bold:    700;
  --fw-heavy:   800;

  --fs-display: 34px;  --lh-display: 52px;
  --fs-h1: 24px;       --lh-h1: 38px;
  --fs-h2: 20px;       --lh-h2: 32px;
  --fs-h3: 17px;       --lh-h3: 28px;
  --fs-card: 16px;     --lh-card: 26px;
  --fs-body: 15px;     --lh-body: 26px;
  --fs-label: 14px;    --lh-label: 20px;
  --fs-meta: 13px;     --lh-meta: 22px;
  --fs-caption: 12px;  --lh-caption: 18px;

  /* ---------- موشن ---------- */
  --dur-fast: 140ms;
  --dur-base: 220ms;
  --dur-slow: 340ms;
  --ease-out: cubic-bezier(.2, .8, .3, 1);
  --ease-standard: cubic-bezier(.4, 0, .2, 1);

  /* ---------- چیدمان ---------- */
  --header-h: 64px;
  --tabbar-h: 60px;
  --container: 1440px;
  --sidebar-w: 280px;

  /* ---------- لایه‌بندی ---------- */
  --z-sticky: 90;
  --z-header: 100;
  --z-dropdown: 500;
  --z-dimmer: 900;
  --z-modal: 950;
  --z-toast: 1000;
}

/* ==========================================================================
   تم تیره — همان نام توکن‌ها، مقادیر متفاوت
   ========================================================================== */

:root[data-theme="dark"] {
  color-scheme: dark;

  --surface-neutral-base:    16 18 20;
  --surface-neutral-subtle:  24 27 31;
  --surface-neutral-muted:   31 35 40;
  --surface-neutral-raised:  31 35 40;
  --surface-neutral-inverse: 242 244 246;

  --border-neutral-weak:     34 39 44;
  --border-neutral-default:  44 50 56;
  --border-neutral-strong:   62 70 78;

  --content-neutral-primary:  242 244 246;
  --content-neutral-secondary:152 161 170;
  --content-neutral-tertiary: 112 121 130;
  --content-neutral-inverse:   16 18 20;

  --surface-brand-default: 204 74 10;
  --surface-brand-hover:   224 94 16;
  --surface-brand-vivid:   251 146 60;
  --surface-brand-subtle:   48 25 12;
  --content-brand-default: 251 146 60;
  --border-brand-default:  204 74 10;

  --surface-accent-default: 210 213 218;
  --surface-accent-subtle:   44 47 52;
  --content-accent-default: 210 213 218;

  --surface-positive-subtle:  14 46 33;
  --content-positive-default: 63 191 136;

  --surface-negative-subtle:  56 25 23;
  --content-negative-default:240 114 104;

  --surface-info-subtle:      20 34 60;
  --content-info-default:    108 155 245;

  --sh-1: 0 1px 2px rgb(0 0 0 / 40%);
  --sh-2: 0 4px 12px rgb(0 0 0 / 45%);
  --sh-3: 0 12px 32px rgb(0 0 0 / 55%);
}

/* تم سیستم توسط اسکریپت کوچکِ داخل <head> به data-theme تبدیل می‌شود،
   تا مقادیر تیره فقط یک‌بار در همین فایل تعریف شوند و تکرار نشوند. */