/* =====================================================================
   تم سبز (محیط‌زیستی) - همه‌ی رنگ‌ها اینجاست.
   برای تم‌های بعدی کافی است مقادیر این متغیرها عوض شود
   (بعداً از جدول theme در layout تزریق می‌شود).
   ===================================================================== */
:root {
  --zy-primary: #2a9d4b;
  --zy-primary-hover: #23853f;
  --zy-primary-soft: #e8f5ec;
  --zy-primary-softer: #f3faf5;
  --zy-dark: #0f4a32;          /* سایدبار پنل */
  --zy-dark-2: #135c3e;
  --zy-accent: #8bc34a;
  --zy-warning: #f59e0b;
  --zy-danger: #e53935;
  --zy-info: #3b82f6;
  --zy-purple: #8b5cf6;

  --zy-bg: #f4f8f5;
  --zy-surface: #ffffff;
  --zy-surface-2: #f8fbf9;
  --zy-border: #e3ece6;
  --zy-text: #1d2a22;
  --zy-muted: #6b7a71;
  --zy-shadow: 0 6px 24px rgba(16, 74, 50, .08);
  --zy-shadow-sm: 0 2px 10px rgba(16, 74, 50, .06);
  --zy-radius: 20px;
  --zy-radius-sm: 14px;
  --zy-font: 'Vazirmatn', Tahoma, sans-serif;

  /* هماهنگی با بوت‌استرپ */
  --bs-primary: var(--zy-primary);
  --bs-primary-rgb: 42, 157, 75;
  --bs-body-font-family: var(--zy-font);
  --bs-body-bg: var(--zy-bg);
  --bs-body-color: var(--zy-text);
  --bs-border-color: var(--zy-border);
  --bs-link-color: var(--zy-primary);
  --bs-link-color-rgb: 42, 157, 75;
  --bs-link-hover-color: var(--zy-primary-hover);
}

/* ---------------- حالت شب ---------------- */
:root[data-theme="dark"] {
  --zy-primary: #3fbf63;
  --zy-primary-hover: #4fd174;
  --zy-primary-soft: #16301f;
  --zy-primary-softer: #122419;
  --zy-dark: #0a1f15;
  --zy-dark-2: #11301f;

  --zy-bg: #0d1712;
  --zy-surface: #15221a;
  --zy-surface-2: #1a2a20;
  --zy-border: #26392d;
  --zy-text: #e3efe6;
  --zy-muted: #93a69a;
  --zy-shadow: 0 6px 24px rgba(0, 0, 0, .35);
  --zy-shadow-sm: 0 2px 10px rgba(0, 0, 0, .3);

  --bs-primary-rgb: 63, 191, 99;
  --bs-body-bg: var(--zy-bg);
  --bs-body-color: var(--zy-text);
  --bs-border-color: var(--zy-border);
  --bs-secondary-color: var(--zy-muted);
  --bs-tertiary-bg: var(--zy-surface-2);
  --bs-emphasis-color: #fff;
  color-scheme: dark;
}