/* Shared base styles. Page-specific layout lives inline in each template. */
:root {
  --bg: #070B14;
  --panel: #0E1626cc;
  --border: #1E2A3F;
  --txt: #E6EDF7;
  --muted: #7C8BA5;
  --cyan: #22D3EE;   /* aircraft */
  --green: #34D399;  /* vessels */
  --amber: #FBBF24;
  --red: #F43F5E;
  --violet: #A78BFA;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  height: 100%;
  background: var(--bg);
  color: var(--txt);
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.mono { font-family: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace; }

.panel {
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: 10px;
  backdrop-filter: blur(8px);
  box-shadow: inset 0 0 24px #0b1322aa, 0 6px 22px #0006;
}