/*
Theme Name: EivaPet Theme
Theme URI: https://eivapet.ir
Author: EivaPet / Airano
Description: قالب اختصاصی فروشگاه «پت شاپ ایوا» (eivapet.ir) — RTL فارسی، پالت بنفش #8e51ff (دارک #a684ff)، اکسنت نارنجی فقط برای کد EIVA، فونت Vazirmatn RD + Vazir Code. الگوی مهندسی‌شده از plantuptheme.
Version: 1.2.2
Requires at least: 6.5
Tested up to: 6.9
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eivapet
Tags: e-commerce, rtl-language-support, woo-commerce, custom-colors
*/

/* ============================================================================
   توکن‌های دیزاین‌سیستم — پورت ۱:۱ از Nuxt UI v4
   منبع قطعی: EivaPet.dc.html + _ds/.../tokens/{semantic,palette,radius,motion}.css
   ----------------------------------------------------------------------------
   نگاشت نقش‌ها (عیناً مطابق semantic.css):
     primary  = violet-500 (روشن) / violet-400 (دارک)
     neutral  = slate  ← پالت واقعی مرجع (نه zinc/gray)
     accent   = orange-600 #f54a00 — **فقط** کد تخفیف EIVA
   قواعد بسته: بدون گرادیان، بدون ایموجی، بدون فوریت ساختگی؛
   حرکت فقط transition-colors ۱۵۰ms.
   ----------------------------------------------------------------------------
   چرا color-mix به‌جای rgba ثابت: tintهای primary باید با عوض‌شدن primary در
   دارک‌مود خودشان عوض شوند. یک rgba هاردکدِ بنفشِ روشن در دارک هم روشن
   می‌ماند و کنتراست را می‌شکند — این باگ واقعی نسخهٔ ۱.۰ بود.
   ========================================================================== */

:root {
  /* ---- پالت خام (فقط مقادیری که مرجع واقعاً استفاده می‌کند) ---- */
  --eiva-violet-400: #a684ff;
  --eiva-violet-500: #8e51ff;
  --eiva-violet-600: #7f22fe;
  --eiva-orange-600: #f54a00;   /* فقط کد تخفیف EIVA */
  --eiva-red-600: #e7000b;

  --eiva-slate-50:  #f8fafc;
  --eiva-slate-100: #f1f5f9;
  --eiva-slate-200: #e2e8f0;
  --eiva-slate-300: #cad5e2;
  --eiva-slate-400: #90a1b9;
  --eiva-slate-500: #62748e;
  --eiva-slate-600: #45556c;
  --eiva-slate-700: #314158;
  --eiva-slate-800: #1d293d;
  --eiva-slate-900: #0f172b;
  --eiva-slate-950: #020618;

  /* ---- نقش‌ها — حالت روشن (shade 500) ---- */
  --eiva-primary: var(--eiva-violet-500);
  --eiva-primary-hover: var(--eiva-violet-600);
  --eiva-accent-eiva: var(--eiva-orange-600);
  --eiva-error: var(--eiva-red-600);

  --eiva-text-dimmed: var(--eiva-slate-400);
  --eiva-text-muted: var(--eiva-slate-500);
  --eiva-text-toned: var(--eiva-slate-600);
  --eiva-text: var(--eiva-slate-700);
  --eiva-text-highlighted: var(--eiva-slate-900);
  --eiva-text-inverted: #ffffff;

  --eiva-bg: #ffffff;
  --eiva-bg-muted: var(--eiva-slate-50);      /* «کرم» */
  --eiva-bg-elevated: var(--eiva-slate-100);  /* پس‌زمینهٔ تصویر محصول */
  --eiva-bg-accented: var(--eiva-slate-200);
  --eiva-bg-inverted: var(--eiva-slate-900);

  --eiva-border: var(--eiva-slate-200);
  --eiva-border-muted: var(--eiva-slate-200);
  --eiva-border-accented: var(--eiva-slate-300);

  /* ---- tintهای primary (پیرو primary در هر دو حالت) ---- */
  --eiva-primary-soft: color-mix(in oklab, var(--eiva-primary) 10%, transparent);
  --eiva-primary-soft-2: color-mix(in oklab, var(--eiva-primary) 25%, transparent);
  --eiva-primary-ring: color-mix(in oklab, var(--eiva-primary) 25%, transparent);
  --eiva-accent-eiva-soft: color-mix(in oklab, var(--eiva-accent-eiva) 10%, transparent);
  --eiva-error-soft: color-mix(in oklab, var(--eiva-error) 10%, transparent);

  /* ---- شعاع: --ui-radius = 0.25rem → مقیاس مرجع ---- */
  --eiva-radius-base: 0.25rem;
  --eiva-radius: 0.375rem;    /* ui-radius-1_5 — کنترل‌ها */
  --eiva-radius-lg: 0.5rem;   /* ui-radius-2   — کارت‌ها/کانتینرها */
  --eiva-radius-xl: 0.75rem;  /* ui-radius-3   — مودال/کشو */

  /* ---- سایه (elevation.css) ---- */
  --eiva-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --eiva-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --eiva-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

  /* ---- حرکت (motion.css) — فقط رنگ ---- */
  --eiva-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --eiva-duration: 150ms;
  --eiva-transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);

  /* ---- فونت ---- */
  --eiva-font-sans: "Vazirmatn RD", Vazirmatn, Tahoma, sans-serif;
  --eiva-font-mono: "Vazir Code", Vazirmatn, monospace; /* همهٔ اعداد/قیمت/تلفن */

  /* ---- چیدمان (--ui-container: 80rem، --ui-header-height: 4rem) ---- */
  --eiva-container: 80rem;
  --eiva-gutter: 24px;
  --eiva-header-height: 4rem;

  color-scheme: light;
}

/* ============================================================================
   حالت تاریک — نگاشت shade 400 عیناً مطابق بلوک .dark در semantic.css
   سه‌حالته: پیش‌فرض «روشن»؛ system فقط وقتی data-theme ست نشده باشد.
   ========================================================================== */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) {
    --eiva-primary: var(--eiva-violet-400);
    --eiva-primary-hover: var(--eiva-violet-500);

    --eiva-text-dimmed: var(--eiva-slate-500);
    --eiva-text-muted: var(--eiva-slate-400);
    --eiva-text-toned: var(--eiva-slate-300);
    --eiva-text: var(--eiva-slate-200);
    --eiva-text-highlighted: #ffffff;
    --eiva-text-inverted: var(--eiva-slate-900);

    --eiva-bg: var(--eiva-slate-900);
    --eiva-bg-muted: var(--eiva-slate-800);
    --eiva-bg-elevated: var(--eiva-slate-800);
    --eiva-bg-accented: var(--eiva-slate-700);
    --eiva-bg-inverted: #ffffff;

    --eiva-border: var(--eiva-slate-800);
    --eiva-border-muted: var(--eiva-slate-700);
    --eiva-border-accented: var(--eiva-slate-700);

    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --eiva-primary: var(--eiva-violet-400);
  --eiva-primary-hover: var(--eiva-violet-500);

  --eiva-text-dimmed: var(--eiva-slate-500);
  --eiva-text-muted: var(--eiva-slate-400);
  --eiva-text-toned: var(--eiva-slate-300);
  --eiva-text: var(--eiva-slate-200);
  --eiva-text-highlighted: #ffffff;
  --eiva-text-inverted: var(--eiva-slate-900);

  --eiva-bg: var(--eiva-slate-900);
  --eiva-bg-muted: var(--eiva-slate-800);
  --eiva-bg-elevated: var(--eiva-slate-800);
  --eiva-bg-accented: var(--eiva-slate-700);
  --eiva-bg-inverted: #ffffff;

  --eiva-border: var(--eiva-slate-800);
  --eiva-border-muted: var(--eiva-slate-700);
  --eiva-border-accented: var(--eiva-slate-700);

  color-scheme: dark;
}

/* حالت روشن صریح — همیشه روشن، حتی اگر سیستم تاریک باشد.
   (توکن‌های :root از قبل روشن‌اند؛ این فقط color-scheme را قفل می‌کند.) */
:root[data-theme="light"] { color-scheme: light; }