/* ══════════════════════════════════════════════════════════════════════════
   base.css — CSS variables, reset, and global utilities
   Growth OS Design System
   ══════════════════════════════════════════════════════════════════════════ */

:root {
  --bg: #0f172a;
  --card: #1e293b;
  --card2: #263249;
  --border: #334155;
  --text: #e2e8f0;
  --muted: #94a3b8;
  --green: #22c55e;
  --red: #ef4444;
  --yellow: #f59e0b;
  --blue: #3b82f6;
  --purple: #a855f7;
  --cyan: #06b6d4;
  --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font);
  font-size: 14px;
}

a {
  color: var(--blue);
  text-decoration: none;
}

/* ── Utility: margin ── */
.ml-auto { margin-left: auto; }

/* Chart containers */
.chart-container { position: relative; height: 280px; width: 100%; }
.chart-container.tall { height: 380px; }
.chart-container.short { height: 180px; }
.chart-placeholder { display:flex;align-items:center;justify-content:center;
  height:100%;color:var(--muted);font-style:italic;font-size:.85rem; }