/*
Theme Name: Dr. Rahnama
Description: تم اختصاصی سایت دکتر سارا رهنما، متخصص دندانپزشکی کودکان و نوجوانان.
Author: Dr. Rahnama Team
Version: 0.1.0
Text Domain: dr-rahnama
*/

/* ============================================================================
   DESIGN TOKENS
   ========================================================================== */

:root {
  /* ----------------------------------------------------------------------
     پالت — دو رنگ تاکیدی (سبزآبی نفتی #285260 و نارنجی‌سوخته #9c4722)،
     هرکدام حدود ۱۵٪ سطح، و ۷۰٪ باقی سفید/خنثی. مقیاس‌های زیر همه از همین
     دو رنگ ساخته شده‌اند؛ هیچ رنگ سومی به پالت اضافه نشده است.
     ---------------------------------------------------------------------- */

  /* رنگ اصلی — سبزِ زیتونی تیره (جایگزین سبزآبی نفتی قبلی) */
  --color-brand-50: #f3f5f4;
  --color-brand-100: #e1e5e2;
  --color-brand-200: #c3cbc6;
  --color-brand-300: #a5b0a9;
  --color-brand-400: #87968d;
  --color-brand-500: #697c70;
  --color-brand-600: #56665c;
  --color-brand-700: #445149;
  --color-brand-800: #353e38;
  --color-brand-900: #252b27;

  --color-surface: #f2efe2;
  --color-surface-raised: #ffffff;
  --color-surface-sunken: #e3e1d4;
  --color-surface-inverse: #252b27;

  --color-ink: #182a2e;
  --color-ink-muted: #56676b;
  --color-ink-subtle: #8a9a9d;
  --color-ink-inverse: #f5f9f9;

  --color-line: #e2e8e8;
  --color-line-strong: #c7d3d4;

  /* پنج لهجه کارت خدمات — عمداً رنگ جدید نیستند، فقط تن‌های روشن/میانه
     همین دو رنگ (+ یک خنثای گرم برای تنوع بدون افزودن رنگ سوم). */
  --color-accent-mint: #c7e1e3;   /* تینت روشن سبزآبی */
  --color-accent-sage: #9fc2c6;   /* تینت میانه سبزآبی */
  --color-accent-sand: #e8dfd3;   /* خنثای گرم، نه یک رنگ جدید */
  --color-accent-lilac: #f0cbb8;  /* تینت روشن نارنجی‌سوخته */
  --color-accent-coral: #da9a7c;  /* تینت میانه نارنجی‌سوخته */

  --color-success: #2f6b4f;
  --color-warning: #8a5a10;
  --color-danger: #b3261e;

  /* رنگ جرقه = سبز مایل به خاکستری (جایگزین نارنجی‌سوخته/آجری قبلی). تنها
     لهجه تاکیدی سایت؛ فقط برای یک کلمه در تیتر و درخشش دور دکمه اصلی. */
  --color-spark: #98aa9d;
  --color-spark-ink: #444d47;

  --font-sans: "Vazirmatn", ui-sans-serif, system-ui, sans-serif;
  /* قلم نمایشی: فقط برای h1 و لحظه‌های بزرگ تیتر، نه برای بدنه یا رابط کاربری. */
  --font-display: "Noto Naskh Arabic", "Vazirmatn", serif;

  --text-caption: 0.75rem;
  --text-small: 0.875rem;
  --text-body: 1rem;
  --text-lead: 1.125rem;
  --text-h3: clamp(1.25rem, 1.05rem + 0.8vw, 1.625rem);
  --text-h2: clamp(1.75rem, 1.3rem + 2vw, 2.75rem);
  --text-h1: clamp(2.25rem, 1.5rem + 3.4vw, 3.75rem);
  --text-display: clamp(3rem, 1.6rem + 6.2vw, 5.75rem);

  --radius-xs: 0.375rem;
  --radius-sm: 0.625rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --radius-xl: 2rem;
  --radius-pill: 9999px;

  --shadow-xs: 0 1px 2px rgb(30 27 24 / 0.05);
  --shadow-sm: 0 2px 8px rgb(30 27 24 / 0.06);
  --shadow-md: 0 8px 24px rgb(30 27 24 / 0.08);
  --shadow-lg: 0 20px 48px rgb(30 27 24 / 0.10);

  --ease-out-soft: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out-soft: cubic-bezier(0.65, 0, 0.35, 1);

  --container-content: 46rem;
  --container-page: 78rem;

  --z-sticky: 30;
  --z-header: 40;
  --z-overlay: 50;
  --z-modal: 60;

  /* شیشه — برای هدر، منوی موبایل، آیکون‌ها و دکمه روی ویدیو. */
  --glass-bg: rgb(255 255 255 / 0.6);
  --glass-bg-strong: rgb(255 255 255 / 0.8);
  --glass-border: rgb(255 255 255 / 0.7);
  --glass-shadow: 0 8px 32px -8px rgb(27 52 53 / 0.25);
  --glass-blur: blur(20px) saturate(1.5);
}