/* Akret Wiki — dark-first monospace theme
   Goals: tiny, fast, readable; no layout JS; print-friendly. */

/* --------- Variables (dark default) --------- */
:root{
  --bg:#0c0c0c;
  --fg:#e6e6e6;
  --muted:#a2a2a2;
  --link:#9bb6ff;
  --link-visited:#c7a0ff;
  --accent:#66a3ff;
  --border:#262626;
  --code-bg:#131517;
}

/* Light scheme override for users who prefer it */
@media (prefers-color-scheme: light){
  :root{
    --bg:#ffffff;
    --fg:#111111;
    --muted:#666666;
    --link:#0044cc;
    --link-visited:#6a35b1;
    --accent:#0a84ff;
    --border:#e2e2e2;
    --code-bg:#f6f8fa;
  }
}

/* --------- Base --------- */
html { font-size: 16px; }
body{
  margin:0; padding:0;
  background:var(--bg); color:var(--fg);
  font: 16px/1.6 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/* Layout: centered, narrow column for readability */
#container, .markdown-body, .gollum-site, main, .page{
  max-width: 72ch;
  padding: 2rem 1rem 6rem;
  margin: 0 auto;
}

/* --------- Headings --------- */
h1,h2,h3,h4,h5,h6{
  margin: 2rem 0 .75rem;
  line-height: 1.25;
  font-weight: 700;
}
h1{ font-size:1.75rem; border-bottom:1px solid var(--border); padding-bottom:.25rem; }
h2{ font-size:1.35rem; }
h3{ font-size:1.15rem; color:var(--muted); }
h4,h5,h6{ font-size:1rem; color:var(--muted); }
header, .header, .gollum-header { border:0; background:none; }

/* --------- Text & Links --------- */
p, ul, ol, blockquote, pre, table { margin: 1rem 0; }
li { margin: .25rem 0; }
a{
  color:var(--link);
  text-decoration: underline;
  text-underline-offset: 2px;
}
a:visited{ color:var(--link-visited); }
a:hover,a:focus{ text-decoration-thickness:2px; outline:none; }

/* --------- Code --------- */
code,kbd,samp{ background:var(--code-bg); padding:.12rem .3rem; border-radius:4px; }
pre{
  background:var(--code-bg);
  padding:1rem; border-radius:6px; overflow:auto;
}
pre code{ background:transparent; padding:0; }

/* --------- Media --------- */
img,video{ max-width:100%; height:auto; border-radius:4px; }
figure{ margin:1.25rem 0; }
figcaption{ color:var(--muted); font-size:.9rem; margin-top:.35rem; }

/* --------- Tables --------- */
table{ width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; }
th,td{ border:1px solid var(--border); padding:.55rem .6rem; vertical-align:top; }
thead th{ background: color-mix(in srgb, var(--code-bg) 85%, transparent); }

/* --------- Blockquotes --------- */
blockquote{
  margin:1rem 0; padding:.5rem 1rem;
  border-left:3px solid var(--border);
  color:var(--muted);
}

/* --------- UI odds & ends --------- */
hr{ border:0; border-top:1px solid var(--border); margin:2rem 0; }
.gollum-edit-form textarea{ font:inherit; line-height:1.5; }
.gollum-footer,.footer,nav,.actions{ color:var(--muted); }
#searchbar,.searchbar,input[type=search]{
  font:inherit; padding:.4rem .6rem; border:1px solid var(--border);
  border-radius:4px; background:var(--bg); color:var(--fg);
}

/* --------- Print: white page for handouts --------- */
@media print{
  body{ background:#fff; color:#000; }
  a{ color:#000; text-decoration:underline; }
  pre,code{ background:#fff; }
  #container,.markdown-body,.gollum-site,main,.page{ max-width:none; padding:0; }
  header,nav,.gollum-footer,.actions{ display:none !important; }
}