/* ==========================================================================
   tokens.css — متغیرهای طراحی «املاک صدف پردیس»
   تمام مقادیر عیناً از :root سایت مرجع استخراج شده‌اند (CSSOM).
   هیچ رنگ یا شعاعی نباید خارج از این فایل تعریف شود.
   ========================================================================== */

:root {
  /* ---------- پالت پایه ---------- */
  --bg: #f6f2ee;                       /* پس‌زمینه صفحه */
  --card: #fff;                        /* کارت */
  --text: #202020;                     /* متن اصلی */
  --muted: #6f6a65;                    /* متن فرعی */
  --border: #ebe4dd;                   /* خط جداکننده */
  --gold: #c79549;                     /* طلایی برند */
  --gold-dark: #b9873d;                /* طلایی تیره */
  --radius: 18px;                      /* شعاع پایه */
  --shadow: 0 8px 26px rgba(55, 36, 16, .055);

  /* ---------- پالت اختصاصی Sadaf ---------- */
  --sadaf-card: #fffdf8;
  --sadaf-text: #201914;
  --sadaf-dark: #1f1711;
  /* یک پله تیره‌تر از مقدار مرجع (#7c7067) تا روی پس‌زمینه‌ی کرم به ≥ ۴٫۵:۱ برسد */
  --sadaf-muted: #75695e;
  --sadaf-gold: #b8893b;
  --sadaf-gold-2: #e2c47e;
  --sadaf-line: rgba(66, 48, 33, .12);
  --sadaf-shadow: 0 12px 30px rgba(51, 35, 17, .075);

  /* ---------- تایپوگرافی ---------- */
  --sadaf-font-family: "IRANSansX", Tahoma, "Segoe UI", sans-serif;
  --sadaf-number-font: var(--sadaf-font-family);

  /* ---------- چیدمان ---------- */
  --sadaf-mobile-shell-width: 430px;
  --sadaf-chat-bottom-nav-height: calc(86px + env(safe-area-inset-bottom, 0px));

  /* ---------- مقادیر اندازه‌گیری‌شده از مرجع (نه توکن مرجع) ---------- */
  --ref-header-height: 64px;
  --ref-header-bg: rgba(255, 253, 250, .96);
  --ref-header-line: rgba(211, 189, 160, .38);
  --ref-backdrop: rgba(28, 22, 16, .42);
  --ref-bottom-nav-bg: rgba(255, 255, 255, .97);
  --ref-search-card-bg: #fffefc;
  --ref-shell-padding: 10px 12px 18px;
  --ref-drawer-width: 330px;
  /* پدینگ افقی پوسته — تنها مرجع برای لبه‌ی محتوا و تمام bleedهای تمام‌عرض */
  --shell-pad-x: 12px;

  /* تیترها */
  --ref-h1-size: 22px;
  --ref-h1-weight: 800;
  --ref-h1-color: #211c17;
  --ref-h1-leading: 31.9px;
  --ref-h2-size: 16px;
  --ref-h2-weight: 700;
  --ref-h2-color: #241f1a;
  --ref-h2-leading: 21.6px;
  --ref-hero-sub-size: 12.3px;
  --ref-hero-sub-color: #6d5d4b;
  --ref-badge-color: #a36f2c;

  /* شعاع‌ها */
  --r-hero: 24px;
  --r-card-lg: 22px;
  --r-cta: 20px;
  --r-card: var(--radius);
  --r-logo: 13px;
  --r-pill: 999px;

  /* حرکت */
  --t-fast: 150ms ease;
  --t-base: 240ms cubic-bezier(.32, .72, 0, 1);

  /* z-index */
  --z-sticky: 80;
  --z-bottomnav: 60;
  --z-backdrop: 998;
  --z-drawer: 999;
  --z-sheet: 1000;
  --z-lightbox: 1100;
}

/* محترم‌داشتن کاهش حرکت */
@media (prefers-reduced-motion: reduce) {
  :root {
    --t-fast: 0ms;
    --t-base: 0ms;
  }
}