/* Shared palette, body, nav, and panel-base styles for every page.
   Page-specific styles (controls, charts, prose, tables, …) live inline
   in each HTML file alongside any extra CSS custom properties. */

:root {
  --bg: #0f1220;
  --panel: #171a2e;
  --ink: #e6e9f5;
  --muted: #8b93b5;
  --accent: #4cc9f0;
  --good: #06d6a0;
}

* { box-sizing: border-box; }

html, body {
  margin: 0; padding: 0;
  background: var(--bg); color: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  min-height: 100vh;
}

.nav {
  display: flex;
  gap: 18px;
  padding: 10px 32px;
  background: var(--panel);
  border-bottom: 1px solid #232746;
  font-size: 13px;
}
.nav a {
  color: var(--accent);
  text-decoration: none;
  font-weight: 600;
}
.nav a:hover { text-decoration: underline; }
.nav a.active { color: var(--ink); }
.nav .spacer { flex: 1; }

.panel {
  background: var(--panel);
  border: 1px solid #232746;
  border-radius: 10px;
}