/* -----------------------------------------------------------------------------
 * Moonshot doc site base styles
 *
 * This file is copied to `doc/assets/main.css` during `npm run build`
 * (see `rollup.config.js` → buildDocs()).
 * -------------------------------------------------------------------------- */

:root {
  /* Force a consistent LIGHT theme even when the browser prefers dark mode. */
  color-scheme: light;

  /* Page-level tokens */
  --doc-page-bg: #f6f8fa; /* GitHub-ish light canvas */
  --doc-surface-bg: #ffffff;
  --doc-border: rgba(31, 35, 40, 0.12);
  --doc-shadow: 0 1px 2px rgba(31, 35, 40, 0.08);

  /* GitHub markdown variables (override if github-markdown-css is present) */
  --color-canvas-default: var(--doc-surface-bg);
  --color-canvas-subtle: var(--doc-page-bg);
  --color-border-default: var(--doc-border);
  --color-fg-default: #1f2328;
  --color-fg-muted: #59636e;
  --color-accent-fg: #0969da;
  --color-danger-fg: #cf222e;
}

@media (prefers-color-scheme: dark) {
  :root {
    /* Some markdown CSS uses prefers-color-scheme; keep our docs light anyway. */
    color-scheme: light;
  }
}

html,
body {
  height: 100%;
}

body {
  margin: 0;
  background: var(--doc-page-bg);
  color: var(--color-fg-default);
}

/* Wrapper layout bits defined in the generated HTML template */
.doc-topbar {
  background: var(--doc-page-bg);
}

.doc-topbar a {
  color: var(--color-accent-fg);
}

.doc-build {
  margin-left: auto;
  font-size: 12px;
  line-height: 1.2;
  color: var(--color-fg-muted);
  white-space: nowrap;
}

/* Make the markdown area feel like a “page” on a canvas */
.markdown-body {
  background: var(--doc-surface-bg);
  border: 1px solid var(--doc-border);
  border-radius: 12px;
  box-shadow: var(--doc-shadow);
}

/* Slightly nicer tables if your markdown includes them */
.markdown-body table {
  display: block;
  width: 100%;
  overflow: auto;
}