/**
 * CRM "Сломал? Починим!" — Переменные и базовые стили
 */

/* ===== CSS VARIABLES ===== */
:root {
  --bg: #f5f5f7; --bg2: #fff; --bg3: #f0f0f4;
  --border: rgba(0,0,0,.08); --shadow: rgba(0,0,0,.08);
  --text: #111; --text-secondary: #666; --text-muted: #999;
  --accent: #e15096; --accent-hover: #c9407f;
  --accent-light: rgba(225,80,150,.08); --accent-glow: rgba(225,80,150,.30);
  --green: #22C55E; --green-bg: rgba(34,197,94,.08); --green-border: rgba(34,197,94,.20);
  --red: #EF4444; --red-bg: rgba(239,68,68,.06); --red-border: rgba(239,68,68,.18);
  --orange: #F59E0B; --orange-bg: rgba(245,158,11,.08); --orange-border: rgba(245,158,11,.20);
  --blue: #3B82F6; --blue-bg: rgba(59,130,246,.08);
  --purple: #8B5CF6; --purple-bg: rgba(139,92,246,.08);
  --radius: 12px; --radius-sm: 8px;
  --shadow-card: 0 4px 20px rgba(0,0,0,.06);
  --shadow-hover: 0 8px 30px rgba(0,0,0,.10);
  --font: 'Manrope', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --aurora: #3B82F6; --aurora-bg: rgba(59,130,246,.08); --aurora-border: rgba(59,130,246,.25);
  --gudok: #EF4444; --gudok-bg: rgba(239,68,68,.06); --gudok-border: rgba(239,68,68,.20);
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: var(--font); background: var(--bg); color: var(--text); min-height: 100dvh; -webkit-font-smoothing: antialiased; }