/* ═══════════════════════════════════════════════════════════
   variables.css — CSS переменные (из CRM_STYLE_GUIDE.md)
   Все цвета, шрифты, отступы, радиусы, тени
   ═══════════════════════════════════════════════════════════ */

:root {
  /* ── Фоны ── */
  --bg-primary: #FFFFFF;
  --bg-secondary: #F8F9FA;
  --bg-tertiary: #F1F3F5;
  --bg-hover: #E9ECEF;

  /* ── Текст ── */
  --text-primary: #212529;
  --text-secondary: #495057;
  --text-tertiary: #868E96;
  --text-disabled: #ADB5BD;

  /* ── Акцентный цвет (мягкий индиго) ── */
  --accent: #5C7CFA;
  --accent-hover: #4C6EF5;
  --accent-light: #EDF2FF;
  --accent-subtle: #DBE4FF;

  /* ── Границы ── */
  --border-light: #E9ECEF;
  --border-default: #DEE2E6;
  --border-focus: #5C7CFA;

  /* ── Семантические: успех ── */
  --success: #51CF66;
  --success-light: #EBFBEE;
  --success-text: #2B8A3E;

  /* ── Семантические: предупреждение ── */
  --warning: #FCC419;
  --warning-light: #FFF9DB;
  --warning-text: #E67700;

  /* ── Семантические: ошибка ── */
  --danger: #FF6B6B;
  --danger-light: #FFF5F5;
  --danger-text: #C92A2A;

  /* ── Семантические: информация ── */
  --info: #339AF0;
  --info-light: #E7F5FF;
  --info-text: #1864AB;

  /* ── CRM-статусы ── */
  --status-new: #A5D8FF;
  --status-contact: #74C0FC;
  --status-showing: #FCC419;
  --status-negotiation: #FF922B;
  --status-deal: #51CF66;
  --status-closed: #868E96;
  --status-lost: #FF6B6B;

  /* ── Шрифты ── */
  --font-primary: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;

  /* ── Размеры текста ── */
  --text-xs: 11px;
  --text-sm: 12px;
  --text-base: 13px;
  --text-md: 14px;
  --text-lg: 16px;
  --text-xl: 20px;
  --text-2xl: 24px;

  /* ── Отступы (кратны 4px) ── */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-2xl: 32px;
  --space-3xl: 48px;

  /* ── Скругления ── */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 999px;

  /* ── Тени ── */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.08);

  /* ── Анимации ── */
  --transition-fast: 0.15s ease;
  --transition-default: 0.2s ease;

  /* ── Сетка ── */
  --sidebar-width: 240px;
  --sidebar-collapsed: 64px;
  --header-height: 56px;
}

/* ═══════════════════════════════════════════════════════════
   Тёмная тема (заготовка)
   ═══════════════════════════════════════════════════════════ */

[data-theme="dark"] {
  /* Фоны */
  --bg-primary: #1E1E2E;
  --bg-secondary: #181825;
  --bg-tertiary: #11111B;
  --bg-hover: #313244;

  /* Текст */
  --text-primary: #CDD6F4;
  --text-secondary: #BAC2DE;
  --text-tertiary: #6C7086;
  --text-disabled: #45475A;

  /* Акцент */
  --accent: #89B4FA;
  --accent-hover: #74C7EC;
  --accent-light: #1E1E2E;
  --accent-subtle: #313244;

  /* Границы */
  --border-light: #313244;
  --border-default: #45475A;
  --border-focus: #89B4FA;

  /* Семантические */
  --success: #A6E3A1;
  --success-light: #1E2D26;
  --success-text: #A6E3A1;

  --warning: #F9E2AF;
  --warning-light: #2D2A1E;
  --warning-text: #F9E2AF;

  --danger: #F38BA8;
  --danger-light: #2D1E24;
  --danger-text: #F38BA8;

  --info: #89B4FA;
  --info-light: #1E2533;
  --info-text: #89B4FA;

  /* Тени (более тёмные) */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.4);
}