/* BackstreamAI brand — dark. Mirrors backstream-sales-crm / backstream-kanban tokens. */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Manrope:wght@300;400;500;600;700;800&display=swap');

:root {
  --bg-primary:#040814; --bg-secondary:#0a1020; --bg-tertiary:#0c1429;
  --card-bg:rgba(10,16,32,.65); --card-border:rgba(25,39,68,.9); --card-hover-border:rgba(127,224,255,.35);
  --card-shadow:0 8px 32px 0 rgba(0,0,0,.5);
  --text-primary:#f3f6ff; --text-secondary:#b4c0df; --text-tertiary:#7f8ab2;
  --accent-primary:#7fe0ff; --accent-secondary:#54a2ff; --accent-glow:rgba(127,224,255,.12);
  --success:#05df72; --success-bg:rgba(5,223,114,.1);
  --warning:#fcbb00; --warning-bg:rgba(252,187,0,.1);
  --danger:#ff6b6b; --danger-bg:rgba(255,107,107,.1);
  --info:#54a2ff; --info-bg:rgba(84,162,255,.1);
  --font-display:'Space Grotesk',sans-serif; --font-body:'Manrope',sans-serif;
  --radius-lg:16px; --radius-md:12px; --radius-sm:8px;
  --transition-smooth:all .3s cubic-bezier(.4,0,.2,1); --transition-fast:all .15s ease;
}
body {
  background-color:var(--bg-primary); color:var(--text-primary);
  font-family:var(--font-body); -webkit-font-smoothing:antialiased;
  background-image:
    radial-gradient(at 0% 0%, rgba(127,224,255,.06) 0px, transparent 50%),
    radial-gradient(at 100% 100%, rgba(84,162,255,.05) 0px, transparent 50%);
  background-attachment:fixed;
}
h1,h2,h3,h4,h5,h6 { font-family:var(--font-display); font-weight:600; letter-spacing:-.02em; }
::-webkit-scrollbar { width:8px; height:8px; }
::-webkit-scrollbar-track { background:var(--bg-primary); }
::-webkit-scrollbar-thumb { background:var(--bg-tertiary); border-radius:4px; }
::-webkit-scrollbar-thumb:hover { background:var(--text-tertiary); }

/* Reusable primitives (pages already use these class names) */
.btn,.btn-primary,.btn-secondary,.btn-danger { font-family:var(--font-body); font-weight:700; cursor:pointer; border-radius:var(--radius-sm); border:1px solid transparent; transition:var(--transition-fast); }
.btn-primary { background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary)); color:#040814; border:none; }
.btn-primary:hover { filter:brightness(1.08); }
.btn-secondary { background:rgba(127,224,255,.08); color:var(--accent-primary); border:1px solid rgba(127,224,255,.3); }
.btn-secondary:hover { background:rgba(127,224,255,.16); }
.btn-danger { background:var(--danger-bg); color:var(--danger); border:1px solid rgba(255,107,107,.3); }
.badge { font-family:var(--font-body); }
input,select,textarea { font-family:var(--font-body); color:var(--text-primary); background:var(--bg-secondary); border:1px solid var(--card-border); border-radius:var(--radius-sm); }
input::placeholder,textarea::placeholder { color:var(--text-tertiary); }

/* Inline icon helper (Lucide via /imgs/icons.svg) */
.ic { width:1em; height:1em; stroke:currentColor; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; vertical-align:-.125em; display:inline-block; }