:root {
  /* ---------- رنگ‌های پایه (تم روشن — Claude-inspired warm neutral) ---------- */
  --color-bg: #f7f6f2;
  --color-surface: #ffffff;
  --color-surface-alt: #f1f0ec;
  --color-surface-elevated: #ffffff;
  --color-border: #e5e2dc;
  --color-text: #262522;
  --color-text-strong: #262522;
  --color-text-muted: #6f6d68;
  --color-text-faint: #98958e;
  --color-scrollbar: #ded9d0;

  --color-primary: #c56a45;
  --color-primary-hover: #a95738;
  --color-primary-soft: #f7e8e0;
  --color-primary-text-on: #ffffff;

  --color-success: #4c7a5d;
  --color-success-soft: #e3ede5;
  --color-danger: #b3554a;
  --color-danger-soft: #f3e2df;
  --color-warning: #ad7b2c;
  --color-warning-soft: #f3ead9;
  --color-info: #56707a;
  --color-info-soft: #e6ebec;

  --color-sidebar-bg: #f1f0ec;
  --color-sidebar-border: #e5e2dc;
  --color-sidebar-text: #6f6d68;
  --color-sidebar-text-active: #262522;
  --color-sidebar-active-bg: #f7e8e0;
  --color-sidebar-active-accent: #c56a45;

  --color-overlay: rgba(38, 37, 34, 0.42);

  /* ---------- اندازه‌ها (مقیاس ۸px) ---------- */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;

  --shadow-sm: 0 1px 2px rgba(38, 37, 34, 0.05), 0 1px 3px rgba(38, 37, 34, 0.04);
  --shadow-md: 0 4px 16px rgba(38, 37, 34, 0.08), 0 2px 6px rgba(38, 37, 34, 0.05);

  --sidebar-width: 264px;
  --transition-fast: 160ms ease;
  --input-height: 44px;
}

:root[data-theme='dark'] {
  /* ---------- تم تیره (طراحی مستقل، نه صرفاً معکوس تم روشن) ---------- */
  --color-bg: #171716;
  --color-surface: #222220;
  --color-surface-alt: #1d1d1b;
  --color-surface-elevated: #282825;
  --color-border: #363531;
  --color-text: #f2f0ea;
  --color-text-strong: #f2f0ea;
  --color-text-muted: #b5b2aa;
  --color-text-faint: #85827b;
  --color-scrollbar: #3a3936;

  --color-primary: #d97752;
  --color-primary-hover: #e28a68;
  --color-primary-soft: rgba(217, 119, 82, 0.14);
  --color-primary-text-on: #171716;

  --color-success: #7ea88c;
  --color-success-soft: rgba(126, 168, 140, 0.14);
  --color-danger: #cd8078;
  --color-danger-soft: rgba(205, 128, 120, 0.14);
  --color-warning: #d1a869;
  --color-warning-soft: rgba(209, 168, 105, 0.14);
  --color-info: #8fa6ae;
  --color-info-soft: rgba(143, 166, 174, 0.14);

  --color-sidebar-bg: #1d1d1b;
  --color-sidebar-border: #363531;
  --color-sidebar-text: #b5b2aa;
  --color-sidebar-text-active: #f2f0ea;
  --color-sidebar-active-bg: rgba(217, 119, 82, 0.14);
  --color-sidebar-active-accent: #d97752;

  --color-overlay: rgba(0, 0, 0, 0.6);

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.4);
}