/* ==========================================================================
   منو (Menu) — قالب منوی دیجیتال رستوران و کافه
   shared/css/tokens.css — توکن‌های ساختاری

   این فایل هیچ رنگی تعریف نمی‌کند.
   فقط ریتم، اندازه، حرکت و چیدمان. رنگ و تایپوگرافی کار فایل تم است:
      themes/theme-1/theme.css
      themes/theme-2/theme.css
   ساخت تم جدید = یک فایل theme.css تازه. نه یک خط بیشتر.
   ========================================================================== */

:root {

  /* ---- خانوادهٔ فونت --------------------------------------------------
     هر تم این چهار متغیر را بازتعریف می‌کند.
     display برای تیترها، body برای متن، num برای اعداد و قیمت.
     -------------------------------------------------------------------- */
  --font-fa:  "Yekan Bakh", Tahoma, "Segoe UI", system-ui, sans-serif;
  --font-ar:  "Yekan Bakh", Tahoma, "Segoe UI", system-ui, sans-serif;
  --font-lat: "Yekan Bakh", Tahoma, "Segoe UI", system-ui, sans-serif;
  --font-body: var(--font-fa);
  --font-display: var(--font-body);
  --font-num: var(--font-body);

  /* ---- مقیاس تایپوگرافی ------------------------------------------------ */
  --fs-2xs: 0.6875rem;
  --fs-xs:  0.75rem;
  --fs-sm:  0.8125rem;
  --fs-md:  0.9375rem;
  --fs-lg:  1.0625rem;
  --fs-xl:  1.25rem;
  --fs-2xl: 1.5rem;
  --fs-3xl: 1.875rem;

  --lh-tight: 1.35;
  --lh-body: 1.75;
  --lh-display: 1.3;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  --fw-black: 800;

  --track-label: .1em;      /* فاصلهٔ حروف برچسب‌های کوچک */
  --caps-label: uppercase;  /* تم می‌تواند به none تغییرش دهد */

  /* ---- فاصله ----------------------------------------------------------- */
  --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;    --sp-16: 4rem;

  /* ---- گردی گوشه — قابل تنظیم از پنل (H7) ------------------------------ */
  --radius-scale: 1;
  --r-sm: calc(8px  * var(--radius-scale));
  --r-md: calc(14px * var(--radius-scale));
  --r-lg: calc(20px * var(--radius-scale));
  --r-xl: calc(28px * var(--radius-scale));
  --r-full: 999px;

  /* ---- ضخامت خط ---------------------------------------------------------
     تم ادیتوریال از خطوط موکشی استفاده می‌کند، تم کارتی از خطوط ضخیم‌تر.  */
  --hair: 1px;

  /* ---- حرکت ------------------------------------------------------------ */
  --dur-fast: 140ms;
  --dur-base: 240ms;
  --dur-slow: 420ms;
  --ease-out: cubic-bezier(.22,.61,.36,1);
  --ease-spring: cubic-bezier(.34,1.4,.64,1);

  /* ---- چیدمان ---------------------------------------------------------- */
  --shell-max: 30rem;
  --sheet-max: 34rem;
  --header-h: 3.5rem;
  --chips-h: 3.25rem;
  --z-header: 40;
  --z-chips: 35;
  --z-fab: 45;
  --z-overlay: 60;
  --z-sheet: 70;
}

/* ---- فونت بر اساس زبان (G4) --------------------------------------------- */
:root:lang(fa), [lang="fa"] { --font-body: var(--font-fa); }
:root:lang(ar), [lang="ar"] { --font-body: var(--font-ar); }
[lang="en"], [lang="tr"], [lang="ru"] { --font-body: var(--font-lat); }

/* ---- کاهش حرکت (H9) ----------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 1ms; --dur-base: 1ms; --dur-slow: 1ms; }
}