/* =============================================================================
   Zagros Tech — Design Tokens
   دو تم: روشن (طلایی+سبز صنعتی) / تیره (استیل+آبی الکتریکی) — مطابق لوگو.
   ترتیب لود: fonts → tokens → base → components → layout
   ============================================================================= */

:root {
  /* --- تم روشن (پیش‌فرض) --- */
  --bg: #f4f1ea;
  --bg-grid: rgba(27, 26, 23, 0.04);
  --surface: #ffffff;
  --surface-2: #ece7dc;
  --surface-3: #e3ddce;
  --text: #1b1a17;
  --text-dim: #6b6558;
  --text-faint: #9a9384;
  --border: #d9d2c2;
  --border-strong: #c3b99f;

  --brand: #a8791f;
  --brand-strong: #8a6216;
  --brand-contrast: #ffffff;
  --brand-tint: rgba(168, 121, 31, 0.10);

  --accent: #5f8c1e;
  --accent-strong: #4a6f16;
  --accent-tint: rgba(95, 140, 30, 0.12);

  --danger: #c0392b;
  --danger-tint: rgba(192, 57, 43, 0.10);
  --warning: #c07d15;
  --success: var(--accent);

  --metal-1: #d7ad55;
  --metal-2: #b8862f;
  --metal-3: #9a6c1c;

  /* spacing */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px;

  /* radius */
  --r-1: 6px; --r-2: 10px; --r-3: 16px; --r-pill: 999px;

  /* shadow — کم و crisp */
  --sh-1: 0 1px 2px rgba(0, 0, 0, 0.06);
  --sh-2: 0 6px 24px rgba(0, 0, 0, 0.12);
  --sh-focus: 0 0 0 3px var(--brand-tint);

  /* type */
  --font: 'Shabnam', 'Yekan Bakh', Tahoma, 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, 'SF Mono', 'Cascadia Mono', 'Menlo', monospace;
  --fs-xs: 12px; --fs-sm: 13px; --fs-base: 14px; --fs-md: 16px;
  --fs-lg: 18px; --fs-xl: 22px; --fs-2xl: 28px; --fs-3xl: 36px; --fs-4xl: 46px;
  --lh-body: 1.75; --lh-tight: 1.28;

  /* motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 200ms; --dur-in: 240ms; --dur-out: 160ms;

  /* layout */
  --container: 1200px;
  --header-h: 64px;
  --z-header: 100; --z-drawer: 200; --z-modal: 300; --z-toast: 400;

  color-scheme: light;
}

[data-theme='dark'] {
  --bg: #0b0f16;
  --bg-grid: rgba(232, 237, 244, 0.035);
  --surface: #141a24;
  --surface-2: #1c2430;
  --surface-3: #232d3b;
  --text: #e8edf4;
  --text-dim: #93a1b3;
  --text-faint: #64717f;
  --border: #28313f;
  --border-strong: #38434f;

  --brand: #3b82f6;
  --brand-strong: #2f6fe0;
  --brand-contrast: #ffffff;
  --brand-tint: rgba(59, 130, 246, 0.16);

  --accent: #c3cdda;
  --accent-strong: #9aa7b8;
  --accent-tint: rgba(195, 205, 218, 0.12);

  --danger: #e06c5c;
  --danger-tint: rgba(224, 108, 92, 0.14);
  --warning: #e0a94a;
  --success: #4ade80;

  --metal-1: #dfe6ee;
  --metal-2: #aeb9c6;
  --metal-3: #7d8a99;

  --sh-1: 0 1px 2px rgba(0, 0, 0, 0.4);
  --sh-2: 0 8px 30px rgba(0, 0, 0, 0.5);
  --sh-focus: 0 0 0 3px var(--brand-tint);

  color-scheme: dark;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur: 0ms; --dur-in: 0ms; --dur-out: 0ms; }
}