/**
 * HT ERP Enterprise Theme - Design Tokens
 * ------------------------------------------------------------------
 * تمام رنگ‌ها، فاصله‌ها، شعاع‌ها و سایه‌های پروژه در این فایل متمرکزند.
 * هیچ کدام از فایل‌های Bootstrap یا کتابخانه‌های جانبی ویرایش نمی‌شوند.
 */

:root {
  /* Typography */
  --ht-font-family: Tahoma, "Segoe UI", Arial, sans-serif;

  /* Brand and semantic colors - intentionally no purple palette */
  --ht-primary: #2388ff;
  --ht-primary-rgb: 35, 136, 255;
  --ht-primary-strong: #0b6fe8;
  --ht-cyan: #21d4fd;
  --ht-cyan-rgb: 33, 212, 253;
  --ht-teal: #1fc7a6;
  --ht-success: #36d48f;
  --ht-warning: #f6b73c;
  --ht-danger: #ff5f6d;
  --ht-info: #45b9ff;
  --ht-gold: #d8a84f;
  --ht-lime: #7ee787;
  --ht-lime-rgb: 126, 231, 135;
  --ht-orange: #ff9f43;
  --ht-orange-rgb: 255, 159, 67;
  --ht-coral: #ff6b6b;
  --ht-coral-rgb: 255, 107, 107;
  --ht-ice: #8be9fd;
  --ht-ice-rgb: 139, 233, 253;
  --ht-steel: #9fb3c8;

  /* Dark mode surfaces */
  --ht-bg: #07101d;
  --ht-bg-secondary: #0a1524;
  --ht-surface-1: #0d1928;
  --ht-surface-2: #111f31;
  --ht-surface-3: #17273b;
  --ht-surface-glass: rgba(14, 27, 44, 0.78);
  --ht-border: rgba(149, 177, 212, 0.16);
  --ht-border-strong: rgba(149, 177, 212, 0.28);
  --ht-text: #eef5ff;
  --ht-text-muted: #91a3ba;
  --ht-text-soft: #bac7d8;
  --ht-grid-line: rgba(76, 118, 164, 0.06);

  /* Layout */
  --ht-sidebar-width: 292px;
  --ht-sidebar-collapsed-width: 88px;
  --ht-topbar-height: 78px;
  --ht-content-max: 2048px;

  /* Shape */
  --ht-radius-xs: 8px;
  --ht-radius-sm: 12px;
  --ht-radius-md: 16px;
  --ht-radius-lg: 22px;
  --ht-radius-xl: 28px;

  /* Shadows and glows */
  --ht-shadow-sm: 0 8px 24px rgba(0, 0, 0, 0.18);
  --ht-shadow-md: 0 18px 48px rgba(0, 0, 0, 0.24);
  --ht-glow-primary: 0 0 28px rgba(var(--ht-primary-rgb), 0.18);
  --ht-glow-cyan: 0 0 28px rgba(var(--ht-cyan-rgb), 0.12);

  /* Motion */
  --ht-transition-fast: 160ms ease;
  --ht-transition: 220ms cubic-bezier(.2, .8, .2, 1);
}

/**
 * Day theme overrides.
 * Bootstrap reads data-bs-theme while the custom layer reads data-theme.
 */
html[data-theme="light"] {
  --ht-bg: #f2f6fb;
  --ht-bg-secondary: #eaf1f8;
  --ht-surface-1: #ffffff;
  --ht-surface-2: #f7faff;
  --ht-surface-3: #eef4fb;
  --ht-surface-glass: rgba(255, 255, 255, 0.86);
  --ht-border: rgba(23, 53, 87, 0.11);
  --ht-border-strong: rgba(23, 53, 87, 0.2);
  --ht-text: #0e2035;
  --ht-text-muted: #61748b;
  --ht-text-soft: #354b65;
  --ht-grid-line: rgba(42, 101, 164, 0.05);
  --ht-shadow-sm: 0 8px 24px rgba(39, 70, 103, 0.08);
  --ht-shadow-md: 0 18px 48px rgba(39, 70, 103, 0.12);
}