/* === variables.css === */
/* ======================================================
   === SECTION: CRM ROOT VARIABLES & GLOBAL STYLES ===
   ====================================================== */
:root {
  --sidebar-bg: #0a0f1e;
  --sidebar-mid: #0f172a;
  --sidebar-card: #1e293b;
  --accent: #3b82f6;
  --accent-glow: rgba(59,130,246,0.25);
  --green: #10b981;
  --yellow: #f59e0b;
  --red: #ef4444;
  --slate: #94a3b8;
  --border: #1e293b;
  --text-main: #f1f5f9;
  --text-muted: #64748b;
  --bg-main: #f0f4f8;
  --bg-card: #ffffff;
  --color-yes: #10b981;
  --color-maybe: #f59e0b;
  --color-no: #ef4444;
  --color-pending: #94a3b8;
}

* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; overflow: hidden; }
body {
  background: var(--bg-main);
  font-family: 'Space Grotesk', system-ui, sans-serif;
  display: flex;
}