/* ============================================================
   SUPERIOR CRM — BEM Design System
   ============================================================ */

:root {
    --font: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --bg-primary:   #0b0b0b;
    --bg-secondary: #121212;
    --bg-elevated:  #1a1a1a;
    --bg-surface:   #202020;
    --text-primary: #ffffff;
    --text-secondary: #b8b8b8;
    --text-muted:   #6d6d6d;
    --accent:       #d90429;
    --accent-hover: #f20f3a;
    --accent-dark:  #920018;
    --accent-glow:  0 0 24px rgba(217,4,41,.3);
    --success:      #17c964;
    --warning:      #ffb020;
    --danger:       #ff4d4f;
    --border:       rgba(255,255,255,.08);
    --border-hover: rgba(255,255,255,.16);
    --radius-sm:    6px;
    --radius-md:    10px;
    --radius-lg:    14px;
    --shadow-soft:  0 10px 30px rgba(0,0,0,.25);
    --transition:   all .25s ease;
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { background:var(--bg-primary); color:var(--text-primary); font-family:var(--font); min-height:100vh; }

.container { width:min(1400px,calc(100% - 48px)); margin-inline:auto; padding:24px 0; }