/* ==========================================================================
   IKM — توکن‌های طراحی
   مرجع: فایل demo-iran-komatsu-v5.html (دموی تأییدشده کارفرما)
   هیچ رنگی خارج از این فایل هارد‌کد نشود. همیشه از var() استفاده شود.
   ========================================================================== */

/* ---------- فونت‌های محلی (بدون Google Fonts) ---------- */

@font-face {
  font-family: 'Vazirmatn';
  src: url('../fonts/Vazirmatn-400.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Vazirmatn';
  src: url('../fonts/Vazirmatn-500.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Vazirmatn';
  src: url('../fonts/Vazirmatn-600.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Vazirmatn';
  src: url('../fonts/Vazirmatn-700.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Vazirmatn';
  src: url('../fonts/Vazirmatn-800.woff2') format('woff2');
  font-weight: 800; font-style: normal; font-display: swap;
}

@font-face {
  font-family: 'IBM Plex Mono';
  src: url('../fonts/IBMPlexMono-500.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('../fonts/IBMPlexMono-700.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}


/* ---------- متغیرهای مشترک بین دو تم ---------- */

:root {
  --ikm-font: 'Vazirmatn', -apple-system, BlinkMacSystemFont, 'Segoe UI', Tahoma, sans-serif;
  /*
   * ⚠️ نسخه ۳.۴ — IBM Plex Mono حرف فارسی ندارد. تا قبل از این،
   * «تومان» و «پرداخت در محل» می‌افتادند روی Courier New و حروف
   * از هم باز می‌شدند: «تـومـان». وزیرمتن به‌عنوان جایگزین اضافه شد
   * تا رقم‌ها از Plex Mono و حرف‌های فارسی از وزیرمتن بیایند.
   */
  --ikm-mono: 'IBM Plex Mono', 'Vazirmatn', 'Courier New', monospace;

  --ikm-line: 1.75;

  /* شعاع گوشه */
  --ikm-r-btn: 4px;
  --ikm-r-card: 5px;
  --ikm-r-box: 8px;

  /* چیدمان */
  --ikm-wrap: 1200px;
  --ikm-pad: 22px;
  --ikm-section: 60px;

  /* شبکه پس‌زمینه بلوپرینت */
  --ikm-grid-size: 44px;
}


/* ---------- حالت تیره ---------- */

:root[data-ikm-theme="dark"] {
  --ikm-bg:        #0E1518;
  --ikm-bg-2:      #161F24;
  --ikm-bg-3:      #1C262C;
  --ikm-bg-header: rgba(14, 21, 24, .95);

  --ikm-line-c:    #233138;
  --ikm-grid-line: #1e2a30;

  /* ۳.۴.۶۶ — رنگ برند آبی کوماتسو (تأیید کارفرما). نارنجی قبلی:
     #E8781E / #FFB25A / #7A4A22 / #181008 */
  --ikm-accent:      #8079FF;
  --ikm-accent-soft: #ABA6FF;
  --ikm-accent-dim:  #302C73;
  --ikm-accent-ink:  #0B0930;

  --ikm-tx:       #EDF1F2;
  --ikm-tx-mute:  #8FA3AB;
  --ikm-tx-faint: #5C6E75;

  --ikm-steel:  #4C7B92;
  --ikm-ok:     #5FA876;
  --ikm-danger: #D4574A;
  --ikm-star:   #E9A81C; /* ستاره امتیاز — ۳.۴.۵۵ */

  --ikm-shadow: 0 8px 30px rgba(0, 0, 0, .45);
  --ikm-thumb-a: #1C262C;
  --ikm-thumb-b: #1a2429;

  color-scheme: dark;
}


/* ---------- حالت روشن ---------- */

:root[data-ikm-theme="light"] {
  --ikm-bg:        #F2F4F5;
  --ikm-bg-2:      #FFFFFF;
  --ikm-bg-3:      #E9EDEF;
  --ikm-bg-header: rgba(255, 255, 255, .95);

  --ikm-line-c:    #D3DBDE;
  --ikm-grid-line: #E6EBED;

  /* ۳.۴.۶۶ — آبی کوماتسو #140A9A. نارنجی قبلی:
     #C85C0A / #A34C06 / #E8B084 / #FFFFFF */
  --ikm-accent:      #140A9A;
  --ikm-accent-soft: #0E0775;
  --ikm-accent-dim:  #B9B5EA;
  --ikm-accent-ink:  #FFFFFF;

  --ikm-tx:       #16232A;
  --ikm-tx-mute:  #55686F;
  --ikm-tx-faint: #84969D;

  --ikm-steel:  #2F6480;
  --ikm-ok:     #3D8A57;
  --ikm-danger: #C0392B;
  --ikm-star:   #D99A0E; /* ستاره امتیاز — ۳.۴.۵۵ */

  --ikm-shadow: 0 6px 24px rgba(20, 40, 50, .10);
  --ikm-thumb-a: #EDF1F2;
  --ikm-thumb-b: #E4EAEC;

  color-scheme: light;
}