/* ATLANTIS site theme — the Cosmic Footprint Society print look:
   cream paper, black ink, red-wine accent, serif display. ONE file
   governs every static page (landing, docs, library, articles,
   database); the simulation's own panels follow the same palette
   through its theme profiles. */

:root {
  --page-bg: #ece7d9;
  --page-card: #f7f4ea;
  --page-fg: #211f1b;
  --page-dim: #6f6a5e;
  --page-accent: #9c2020;
  --page-warm: #8a6a12;
  --page-border: rgba(33, 31, 27, 0.18);
  --page-mono: 'SF Mono', 'JetBrains Mono', Menlo, Consolas, monospace;
  --page-serif: 'Cormorant Garamond', 'EB Garamond', Georgia, serif;
}

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

body.page {
  font-family: var(--page-mono);
  font-size: 13px; line-height: 1.65;
  background: var(--page-bg); color: var(--page-fg);
  max-width: 860px; margin: 0 auto; padding: 32px 20px;
}

body.page h1 {
  font-family: var(--page-serif); color: var(--page-fg);
  font-size: 26px; font-weight: 600; margin-bottom: 4px;
}
body.page h2 { color: var(--page-accent); font-size: 14px; margin: 26px 0 8px; }
body.page h3 { color: var(--page-warm); font-size: 13px; margin: 18px 0 6px; }
body.page a { color: var(--page-accent); }
body.page nav { font-size: 12px; margin-bottom: 18px; }
body.page nav a { margin-right: 14px; text-decoration: none; }
body.page nav a:hover { text-decoration: underline; }
body.page .dim { color: var(--page-dim); font-size: 11px; }

body.page .card {
  border: 1px solid var(--page-border); background: var(--page-card);
  border-radius: 4px; padding: 12px 14px; margin: 10px 0;
}

body.page table { border-collapse: collapse; width: 100%; font-size: 12px; }
body.page th, body.page td {
  border: 1px solid var(--page-border); padding: 4px 8px;
  text-align: left; vertical-align: top;
}
body.page th { background: var(--page-card); color: var(--page-accent); }
body.page code {
  background: rgba(33, 31, 27, 0.07); padding: 1px 4px; border-radius: 2px;
}
body.page button, body.page select, body.page input {
  font: inherit; color: var(--page-fg); background: var(--page-card);
  border: 1px solid var(--page-border); border-radius: 3px; padding: 4px 8px;
}
body.page button { cursor: pointer; }
body.page button:hover { background: rgba(156, 32, 32, 0.1); }