/* فرپو انرژی — توکن‌ها. تولیدشده از tokens.json استایل‌گاید؛ دستی ویرایش نکنید. */
:root {
  /* رنگ */
  --navy: #222455;
  --navy-hover: #2e3170;
  --navy-deep: #14153a;
  --navy-soft: #e7e8f3;
  --on-navy: #ffffff;
  --on-navy-muted: #b9bbd9;
  --line-on-dark: #2c2f66;
  --grid-dot: #33367a;
  --red: #b10900;
  --red-hover: #8e0700;
  --red-soft: #fbeae8;
  --on-red: #ffffff;
  --red-on-dark: #ff7a6e;
  --surface: #f4f5f8;
  --surface-raised: #ffffff;
  --surface-sunken: #eceef3;
  --line: #d9dce6;
  --line-strong: #8a8ea8;
  --ink: #17183d;
  --ink-muted: #565876;
  --ink-subtle: #6c6e8c;
  --success: #12715b;
  --success-soft: #e3f3ee;
  --warning: #8a5a00;
  --warning-soft: #fff4d6;
  --amber: #f2a900;
  --on-amber: #17183d;
  --danger: #bf3510;
  --danger-soft: #fdede7;
  --focus-ring: #222455;
  --focus-ring-inverse: #ffffff;
  /* فاصله */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  /* گردی */
  --radius-0: 0;
  --radius-sm: 2px;
  --radius-md: 4px;
  /* پخ */
  --chamfer-sm: 8px;
  --chamfer-md: 16px;
  --chamfer-lg: 32px;
  /* چیدمان */
  --container: 1280px;
  --gutter: 24px;
  --measure: 70ch;
  --grid-pitch: 24px;
  /* سایه */
  --shadow-sm: 0 1px 2px rgba(23, 24, 61, 0.08);
  --shadow-md: 0 10px 28px rgba(23, 24, 61, 0.14);
  /* فونت: --font-sans را farpoo-fonts.css بر اساس پشتیبانی مرورگر تعیین می‌کند */
  --font-latin: "Saira Semi Condensed", IRANSansX, sans-serif;
}

/* کلاس‌های تایپوگرافی (fp-t-<name>) */
.fp-t-hero-numeral { font-family: var(--font-sans); font-size: 96px; line-height: 96px; font-weight: 900; --fp-tabular: "ss03" 1; }
.fp-t-display { font-family: var(--font-sans); font-size: 56px; line-height: 72px; font-weight: 850; }
.fp-t-h1 { font-family: var(--font-sans); font-size: 40px; line-height: 56px; font-weight: 800; }
.fp-t-h2 { font-family: var(--font-sans); font-size: 32px; line-height: 44px; font-weight: 700; }
.fp-t-h3 { font-family: var(--font-sans); font-size: 24px; line-height: 36px; font-weight: 700; }
.fp-t-h4 { font-family: var(--font-sans); font-size: 20px; line-height: 32px; font-weight: 650; }
.fp-t-body-lg { font-family: var(--font-sans); font-size: 18px; line-height: 34px; font-weight: 400; }
.fp-t-body { font-family: var(--font-sans); font-size: 16px; line-height: 30px; font-weight: 400; }
.fp-t-body-sm { font-family: var(--font-sans); font-size: 14px; line-height: 24px; font-weight: 400; }
.fp-t-label { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 600; }
.fp-t-caption { font-family: var(--font-sans); font-size: 12px; line-height: 20px; font-weight: 500; }
.fp-t-spec-value { font-family: var(--font-sans); font-size: 20px; line-height: 28px; font-weight: 750; --fp-tabular: "ss03" 1; }
.fp-t-price { font-family: var(--font-sans); font-size: 22px; line-height: 32px; font-weight: 800; --fp-tabular: "ss03" 1; --fp-boxalign: "ss04" 1; }
.fp-t-eyebrow { font-family: var(--font-latin); font-size: 13px; line-height: 16px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; direction: ltr; unicode-bidi: isolate; --fp-digits: "ss01" 0; }
.fp-t-model-code { font-family: var(--font-latin); font-size: 15px; line-height: 20px; font-weight: 600; letter-spacing: 0.02em; direction: ltr; unicode-bidi: isolate; --fp-digits: "ss01" 0; }
@media (max-width: 767px) {
  .fp-t-hero-numeral { font-size: 64px; line-height: 64px; }
  .fp-t-display { font-size: 36px; line-height: 52px; }
  .fp-t-h1 { font-size: 30px; line-height: 44px; }
  .fp-t-h2 { font-size: 24px; line-height: 36px; }
}