/*
 * توکن‌های طراحی سایت: تم «رنگ‌های لوگو» با زمینه‌ی تیز (تصمیم صاحب پروژه، ۱ آبان ۱۴۰۵؛ docs/design.md).
 * زمینه‌ی سرمه‌ای تقریباً مشکی پشت لوگو (#050B19)، تأکید فیروزه‌ای نئونی لوگو، نیلی برای نورهای زمینه.
 * فاز ۶ (۲۲ آبان ۱۴۰۵): ۲۶ توکنی که theme.css با مقدار دیگری دوباره تعریف می‌کرد این‌جا با همان مقدار برنده‌ی theme.css یک بار
 * آمده‌اند و از theme.css برداشته شدند؛ ظاهر هیچ صفحه‌ای عوض نشد (tools/shots/tokens_check.py: صفر پیکسل و صفر سبک متفاوت).
 * پنل قیمت فقط tokens.css و panel.css را می‌خواند و با مقدارهای قبلی این فایل طراحی شده؛ همان مقدارها حالا صریح در panel.css‌اند.
 * هر رنگ و اندازه‌ای در سایت فقط از همین متغیرها گرفته می‌شود. کنتراست‌ها روی --c-bg (همه‌ی متن‌ها AA).
 */
:root {
  color-scheme: dark;

  /* زمینه‌ها */
  --c-bg: #050B19;
  --c-surface-1: #0A1426;
  --c-surface-2: #0F1B33;
  --c-surface-3: #152442;
  --c-line: #1E2E50;          /* جداکننده‌های ظریف */
  --c-line-strong: #5A6E96;   /* لبه‌ی فیلد؛ ۳٫۷:۱ */
  --c-scrim: rgb(5 11 25 / 0.82);

  /* متن */
  --c-text: #F2F7FF;          /* ۱۸:۱ */
  --c-text-2: #B4C3DA;        /* ۱۰:۱ */
  --c-text-3: #8FA2C0;        /* ۶٫۹:۱ */

  /* بنفش: رنگ اصلی برند و زمینه */
  --c-violet: #4F5BD5;        /* نیلی لوگو: تزئین */
  --c-violet-deep: #1F4FB8;   /* نورهای زمینه */
  --c-violet-text: #8EE3F2;   /* لینک و تأکید متنی فیروزه‌ای روشن، ۱۲:۱ */
  --c-violet-wash: #10264A;   /* زمینه‌ی حالت انتخاب */

  /* تأکید: فیروزه‌ای لوگو؛ قواعد استفاده در توضیح بالای فایل */
  --c-cyan: #2CC6E0;          /* فیروزه‌ای نئونی لوگو */
  --c-cyan-hover: #5ED6EA;
  --c-on-cyan: #04121C;       /* متن روی فیروزه‌ای، ۱۰:۱ */
  --c-cyan-line: rgb(44 198 224 / 0.55); /* حاشیه */
  --c-cyan-wash: rgb(44 198 224 / 0.08); /* زمینه‌ی کم‌رنگ دکمه‌ی تماس هدر */

  /* دکمه‌ی اصلی: فیروزه‌ای تخت */
  --c-primary: var(--c-cyan);
  --c-primary-hover: var(--c-cyan-hover);
  --c-on-primary: #04121C;    /* متن روی دکمه‌ی اصلی (گرادیان theme.css) */

  /* قیمت: افزایش سبز، کاهش قرمز، ثابت خنثی (همیشه با پیکان و متن، نه فقط رنگ) */
  --c-up: #4ADE80;
  --c-down: #FF7A7A;
  --c-same: #C8C2D6;
  --c-up-wash: #0F2418;
  --c-down-wash: #2A1216;

  /* وضعیت */
  --c-error: #FF7A7A;
  --c-success: #4ADE80;
  --c-focus: #8EE3F2;

  /* فونت: فقط وزیرمتن؛ تیترهای بزرگ با وزن نازک (حس لوکس) */
  --font-sans: "Vazirmatn", Tahoma, "Segoe UI", system-ui, sans-serif;
  --fw-thin: 200;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* اندازه‌ی متن (پایه‌ی ۱۶ پیکسل؛ متن بدنه هرگز کمتر از ۱۶) */
  --fs-xs: 0.8125rem;                                  /* ۱۳: فقط برچسب لاتین کوتاه */
  --fs-sm: 0.875rem;                                   /* ۱۴ */
  --fs-base: 1rem;                                     /* ۱۶ */
  --fs-md: 1.125rem;                                   /* ۱۸ */
  --fs-lg: 1.375rem;                                   /* ۲۲ */
  --fs-xl: clamp(1.625rem, 1.25rem + 1.6vw, 2.25rem);  /* H2 */
  --fs-2xl: clamp(2.25rem, 1.5rem + 3.6vw, 4rem);      /* H1 */
  --fs-display: clamp(2.75rem, 1.6rem + 5.6vw, 5.5rem); /* نام پلیمر در هیرو */
  --lh-body: 1.85;
  --lh-tight: 1.35;

  /* فاصله‌ها (مضرب ۴) */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;

  /* اندازه‌ها */
  --tap: 44px;
  --container: 76rem;
  --measure: 34rem;
  --header-h: 84px;           /* لوگوی کامل بزرگ‌تر از نسخه‌ی ساده است */
  --mobile-bar-h: 68px;       /* ۸ + ۵۲ + ۸ */

  /* گوشه‌ها: تیز و دقیق */
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;

  --shadow-pop: 0 16px 40px -16px rgb(0 0 0 / 0.8);

  /* حرکت */
  --dur-fast: 120ms;
  --dur: 220ms;
  --dur-slow: 600ms;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
}