/* ==========================================================================
   Arcopet v2 · توکن‌ها (فونت، رنگ، اندازه)
   تنها فایلی که مقدار رنگ (hex) دارد. بقیه‌ی CSSها فقط var(--v2-*) می‌خوانند.
   رنگ‌های برند از style.css قالب فعلی:
     --color-brand-1 #E20074 → --v2-brand
     --color-dark    #52002A → --v2-heading
     --color-light   #fff3f9 → --v2-tint
   بعداً پلاگین arcopet-core متغیرهای --arco-* را می‌دهد و فقط همین فایل به آن‌ها وصل می‌شود.
   ========================================================================== */

/* ---------- فونت‌ها (همان فونت‌های قالب فعلی، کپی در v2/assets/fonts) ---------- */
@font-face{ font-family:"Vazirmatn"; src:url("../fonts/Vazirmatn-Regular.woff2") format("woff2"); font-weight:400; font-style:normal; font-display:swap; }
@font-face{ font-family:"Vazirmatn"; src:url("../fonts/Vazirmatn-Medium.woff2") format("woff2"); font-weight:500; font-style:normal; font-display:swap; }
@font-face{ font-family:"Vazirmatn"; src:url("../fonts/Vazirmatn-Bold.woff2") format("woff2"); font-weight:700; font-style:normal; font-display:swap; }
@font-face{ font-family:"Vazirmatn"; src:url("../fonts/Vazirmatn-ExtraBold.woff2") format("woff2"); font-weight:800; font-style:normal; font-display:swap; }
/* ایران‌یکان (نسخه‌ی اعداد فارسی) فقط برای رقم‌ها: عددهای لاتین داخل متن مقاله فارسی نمایش داده می‌شوند. */
@font-face{ font-family:"ArcoFaDigits"; src:url("../fonts/iranyekanwebregularfanum.woff") format("woff"); font-weight:400 500; font-style:normal; font-display:swap; unicode-range:U+0030-0039; }
@font-face{ font-family:"ArcoFaDigits"; src:url("../fonts/iranyekanwebboldfanum.woff") format("woff"); font-weight:700 900; font-style:normal; font-display:swap; unicode-range:U+0030-0039; }

:root{
  /* برند */
  --v2-brand:#e20074;
  --v2-brand-hover:#b8005e;
  --v2-brand-pressed:#8f0049;
  --v2-brand-ring:rgba(226,0,116,.14);
  --v2-brand-soft:rgba(226,0,116,.10);
  --v2-on-brand:#ffffff;
  /* آبی «پک» آرکوپت (همان vivid-cyan-blue قالب قبلی): پک بصرفه، تعداد در بسته */
  --v2-pack:#0693e3;
  --v2-pack-soft:rgba(6,147,227,.12);
  --v2-whatsapp:#0f7b3e;

  /* صفحه‌ی اصلی (همان رنگ‌های css/index-redesign.css قبلی؛ صفحه‌ی اصلی همیشه روشن است) */
  --v2-home-bg:#f9f9f9;
  --v2-home-title:#e91e63;
  --v2-home-title-hover:#c2185b;
  --v2-home-pill:#ff0083;
  --v2-home-party:linear-gradient(to bottom, #e20074 10%, #f7dae9 40%, #ffffff);
  --v2-home-pack:linear-gradient(to bottom, #00b1d9 10%, #ccf6ff 40%, #fbfbfb);
  --v2-home-cat-circle:#fffafd;
  --v2-home-personal:linear-gradient(180deg, rgba(239,7,116,.035), rgba(255,255,255,0));
  --v2-home-complement:linear-gradient(180deg, rgba(0,166,147,.035), rgba(255,255,255,0));

  /* متن */
  --v2-text:#202124;
  --v2-text-muted:#6d7077;
  --v2-text-subtle:#5f6268;
  --v2-heading:#52002a;
  --v2-link:#b8005e;
  --v2-link-hover:#8f0049;

  /* سطح‌ها */
  --v2-page:#ffffff;
  --v2-surface:#ffffff;
  --v2-surface-subtle:#f2f2f4;
  --v2-surface-hover:#ebebee;
  --v2-border:#ececee;
  --v2-border-strong:#767676;
  --v2-white:#ffffff;
  --v2-tint:#fff3f9;
  --v2-tint-text:#b8005e;
  --v2-logo-plate:transparent;

  /* وضعیت‌ها */
  --v2-error:#a30020;
  --v2-star-empty:#85858c;
  --v2-check-bg:#ffffff;
  --v2-check-border:#8d8d94;
  --v2-avatar-bg:#eeeef1;
  --v2-avatar-fg:#bcbcc4;
  --v2-skel-base:#ececef;
  --v2-skel-shine:#f6f6f8;

  /* سایه و پوشش */
  --v2-overlay:rgba(32,33,36,.45);
  --v2-shadow-raised:0 10px 30px rgba(32,33,36,.10), 0 1px 3px rgba(32,33,36,.06);
  --v2-shadow-hero:0 18px 38px rgba(32,33,36,.18);
  --v2-shadow-card:0 4px 18px rgba(32,33,36,.14);
  --v2-shadow-form:0 8px 28px rgba(32,33,36,.06);
  --v2-shadow-float:0 10px 14px -10px rgba(32,33,36,.30);

  /* فوتر (تیره در هر دو حالت) */
  --v2-footer-bg:#1f1419;
  --v2-footer-field:#2e1f28;
  --v2-footer-line:#3b2a34;
  --v2-footer-text:#f3ecf0;
  --v2-footer-muted:#b9aab3;
  --v2-footer-accent:#ff85bf;
  --v2-footer-shadow:0 8px 20px rgba(0,0,0,.35);

  /* تایپوگرافی: مقیاس ۱۴·۱۶·۱۸·۲۲·۲۸ */
  --v2-font:"ArcoFaDigits","Vazirmatn",Tahoma,"Segoe UI",sans-serif;
  /* یک پله کوچک‌تر از طرح (۱۴·۱۶·۱۸·۲۲·۲۸ → ۱۳·۱۵·۱۷·۲۱·۲۶ پیکسل). نام متغیرها همان پله‌ی طرح
     است تا بقیه‌ی CSS عوض نشود؛ برای تغییر اندازه‌ی فونت فقط همین خط را تغییر دهید. */
  --v2-fs-14:.8125rem; --v2-fs-16:.9375rem; --v2-fs-18:1.0625rem; --v2-fs-22:1.3125rem; --v2-fs-28:1.625rem;

  /* اندازه‌ها */
  --v2-bar-h:60px;
  --v2-logo-h:38px;
  --v2-container:1240px;
  --v2-article:832px;
  --v2-radius-s:8px;
  --v2-radius-m:12px;
  --v2-radius-l:16px;
  --v2-radius-xl:18px;
  --v2-tap:44px;
  --v2-search-row-h:68px;
  --v2-gutter-l:max(16px, env(safe-area-inset-left, 0px));
  --v2-gutter-r:max(16px, env(safe-area-inset-right, 0px));
}
@media (min-width:992px){ :root{ --v2-bar-h:76px; --v2-logo-h:44px; } }
/* پوسته‌ی فروشگاه: CSS قدیمی (seo/common.css) اندازه‌ی html را ۱۰px کرده است؛
   پس اندازه‌ها به پیکسل ثابت می‌شوند تا هدر و فوتر ریز نشوند. همان مقیاس بالا. */
body.v2-shell{ --v2-fs-14:13px; --v2-fs-16:15px; --v2-fs-18:17px; --v2-fs-22:21px; --v2-fs-28:26px; }

/* ---------- حالت تاریک: پیروی از سیستم، مگر کاربر خودش انتخاب کرده باشد ---------- */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --v2-text:#eceaee; --v2-text-muted:#a5a1a9; --v2-text-subtle:#a5a1a9;
    --v2-heading:#ffd1e6; --v2-link:#ff85bf; --v2-link-hover:#ffb3d6;
    --v2-page:#131114; --v2-surface:#18161a; --v2-surface-subtle:#252228; --v2-surface-hover:#2e2a31;
    --v2-border:#2c2930; --v2-border-strong:#8c8890;
    --v2-tint:#2a1722; --v2-tint-text:#ff85bf; --v2-whatsapp:#3ddc84; --v2-logo-plate:#ffffff;
    --v2-error:#ff9aa9; --v2-star-empty:#8c8890; --v2-check-bg:#252228; --v2-check-border:#8c8890;
    --v2-avatar-bg:#2c2930; --v2-avatar-fg:#6d6870; --v2-skel-base:#232026; --v2-skel-shine:#2e2a31;
    --v2-overlay:rgba(0,0,0,.6);
    --v2-shadow-raised:0 10px 30px rgba(0,0,0,.45);
    --v2-shadow-hero:0 18px 38px rgba(0,0,0,.5);
    --v2-shadow-card:0 4px 18px rgba(0,0,0,.55);
    --v2-shadow-form:0 8px 28px rgba(0,0,0,.35);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --v2-text:#eceaee; --v2-text-muted:#a5a1a9; --v2-text-subtle:#a5a1a9;
  --v2-heading:#ffd1e6; --v2-link:#ff85bf; --v2-link-hover:#ffb3d6;
  --v2-page:#131114; --v2-surface:#18161a; --v2-surface-subtle:#252228; --v2-surface-hover:#2e2a31;
  --v2-border:#2c2930; --v2-border-strong:#8c8890;
  --v2-tint:#2a1722; --v2-tint-text:#ff85bf; --v2-whatsapp:#3ddc84; --v2-logo-plate:#ffffff;
  --v2-error:#ff9aa9; --v2-star-empty:#8c8890; --v2-check-bg:#252228; --v2-check-border:#8c8890;
  --v2-avatar-bg:#2c2930; --v2-avatar-fg:#6d6870; --v2-skel-base:#232026; --v2-skel-shine:#2e2a31;
  --v2-overlay:rgba(0,0,0,.6);
  --v2-shadow-raised:0 10px 30px rgba(0,0,0,.45);
  --v2-shadow-hero:0 18px 38px rgba(0,0,0,.5);
  --v2-shadow-card:0 4px 18px rgba(0,0,0,.55);
  --v2-shadow-form:0 8px 28px rgba(0,0,0,.35);
  color-scheme:dark;
}