/* cgit-terminal.css — matches the fastfetch "terminal" page.
   Load AFTER the stock cgit.css (add a second css= line in cgitrc). */

/* ttf sits next to this css file in the cgit root */
@font-face {
  font-family: 'Comic Sans MS';
  src: url('Comic%20Sans%20MS.ttf') format('truetype');
  font-display: swap;
}

:root {
  --bg: rgb(2, 1, 3);
  --panel: rgba(55, 45, 65, 0.6);
  --panel-dark: rgba(0, 0, 0, 0.35);
  --border: #1a3a4a;
  --text: #eee;
  --muted: #888;
  --link: #6cf;
  --link-hover: #9df;
  --mono: 'Comic Sans MS', 'Comic Sans', 'Comic Neue', cursive;
}

html, body {
  margin: 0;
  background: var(--bg);
}

/* same gap on top, left, right and bottom (matches --gap on the main page) */
body {
  box-sizing: border-box;
  padding: 24px;
}

body, div#cgit {
  font-family: var(--mono);
  font-size: 11pt;
  color: var(--text);
  background: transparent;
}

div#cgit {
  box-sizing: border-box;
  max-width: none;
  margin: 0;
  padding: 2px;
  background: var(--panel);
}

/* force the font everywhere; cgit.css sets monospace on many elements with higher specificity */
div#cgit, div#cgit * {
  font-family: var(--mono) !important;
}

/* links */
div#cgit a {
  color: var(--link);
  text-decoration: none;
  transition: color 0.15s ease;
}
div#cgit a:hover {
  color: var(--link-hover);
  text-decoration: underline;
}

/* header */
div#cgit table#header {
  margin-bottom: 1em;
}
div#cgit table#header td.main {
  font-size: 250%;
  padding-left: 10px;
  color: #fff;
}
div#cgit table#header td.main a { color: #fff; }
div#cgit table#header td.sub {
  color: var(--muted);
  border-top: solid 1px var(--border);
  padding-left: 10px;
}
div#cgit table#header td.logo img { max-width: 100px; }

/* tabs */
div#cgit table.tabs {
  border-bottom: solid 3px var(--border);
}
div#cgit table.tabs td a {
  color: var(--muted);
  padding: 2px 0.75em;
  font-size: 110%;
}
div#cgit table.tabs td a:hover { color: #fff; }
div#cgit table.tabs td a.active {
  color: #fff;
  background-color: var(--border);
}
div#cgit table.tabs td.form input,
div#cgit table.tabs td.form select,
div#cgit div.cgit-panel input,
div#cgit div.cgit-panel select {
  background: var(--panel-dark);
  color: var(--text);
  border: 1px solid var(--border);
  font-family: var(--mono);
}

/* content + lists */
div#cgit div.content {
  margin: 0;
  padding: 2em;
  border-bottom: solid 3px var(--border);
}
div#cgit table.list {
  border: none;
}
div#cgit table.list tr:nth-child(even) { background: var(--panel-dark); }
div#cgit table.list tr:nth-child(odd) { background: transparent; }
div#cgit table.list tr:hover { background: rgba(102, 204, 255, 0.1); }
div#cgit table.list tr.nohover,
div#cgit table.list tr.nohover:hover { background: transparent; }
div#cgit table.list th {
  color: #fff;
  font-weight: bold;
}
div#cgit table.list td { border: none; }
div#cgit table.list td.sublevel-repo a,
div#cgit table.list td.toplevel-repo a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
div#cgit table.list td a.ls-dir { color: var(--link); font-weight: bold; }
div#cgit div.cgit-panel table { border: 1px solid var(--border); background: var(--panel-dark); }

/* commit view */
div#cgit div.header,
div#cgit table.commit-info th {
  color: #fff;
  border-bottom: 1px solid var(--border);
}
div#cgit div.commit-subject { color: #fff; font-weight: bold; }
div#cgit div.commit-msg,
div#cgit div.notes { color: var(--text); }
div#cgit div.notes-header { color: var(--muted); }
div#cgit table.commit-info { border: 1px solid var(--border); background: var(--panel-dark); }
div#cgit .sha1, div#cgit .oid { font-family: var(--mono); color: var(--muted); }

/* blobs / diffs */
div#cgit table.blob,
div#cgit table.bin-blob {
  background: var(--panel-dark);
  border: 1px solid var(--border);
  color: var(--text);
}
div#cgit table.blob td.lines { color: var(--text); }
div#cgit table.blob td.linenumbers a { color: var(--muted); }
div#cgit table.blob td.linenumbers a:hover { color: var(--link-hover); }
div#cgit table.diff td div.head { color: #fff; font-weight: bold; }
div#cgit table.diff td div.hunk { color: var(--link); }
div#cgit table.diff td div.add { color: #6f6; }
div#cgit table.diff td div.del { color: #f66; }
div#cgit table.diff td { background: transparent; }
div#cgit div.diffstat-header { color: #fff; }
div#cgit table.diffstat { border: 1px solid var(--border); background: var(--panel-dark); }
div#cgit table.diffstat td.graph table td.add { background: #3a3; }
div#cgit table.diffstat td.graph table td.rem { background: #a33; }
div#cgit table.diffstat td.upd a { color: var(--link); }

/* misc */
div#cgit div.footer {
  margin-top: 1rem;
  text-align: center;
  font-size: 12px;
  color: var(--muted);
}
div#cgit div.footer a { color: var(--muted); }
div#cgit div.footer a:hover { color: var(--link-hover); }
div#cgit a.button,
div#cgit .button {
  color: var(--link);
  border: 1px solid var(--border);
  background: var(--panel-dark);
}
div#cgit pre { background: var(--panel-dark); }

/* ---- README / about page (md2html filter ships an inline LIGHT theme; !important beats it) ---- */
div#cgit .markdown-body { color: var(--text) !important; }
div#cgit .markdown-body h1,
div#cgit .markdown-body h2,
div#cgit .markdown-body h3,
div#cgit .markdown-body h4,
div#cgit .markdown-body h5 { color: #fff !important; }
div#cgit .markdown-body h6 { color: var(--muted) !important; }
div#cgit .markdown-body h2 { border-bottom: 1px solid var(--border) !important; }
div#cgit .markdown-body a.toclink,
div#cgit .markdown-body h1 a.toclink,
div#cgit .markdown-body h2 a.toclink,
div#cgit .markdown-body h3 a.toclink,
div#cgit .markdown-body h4 a.toclink { color: #fff !important; }
div#cgit .markdown-body a.absent { color: #f66 !important; }
div#cgit .markdown-body hr { border-color: var(--border) !important; }
div#cgit .markdown-body blockquote { border-left-color: var(--border) !important; color: var(--muted) !important; }

/* inline code + code blocks */
div#cgit .markdown-body code,
div#cgit .markdown-body tt,
div#cgit .markdown-body pre,
div#cgit .markdown-body .highlight,
div#cgit .markdown-body .highlight pre {
  background: var(--panel-dark) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}
div#cgit .markdown-body pre code,
div#cgit .markdown-body pre tt { background: transparent !important; border: none !important; }
div#cgit .markdown-body .highlight { border: none !important; }

/* tables */
div#cgit .markdown-body table th,
div#cgit .markdown-body table td,
div#cgit .markdown-body table tr { border-color: var(--border) !important; }
div#cgit .markdown-body table tr { background-color: transparent !important; }
div#cgit .markdown-body table tr:nth-child(2n) { background-color: var(--panel-dark) !important; }

/* pygments tokens: kill the pastel highlight backgrounds, brighten for dark bg */
div#cgit .markdown-body .highlight span { background: transparent !important; }
div#cgit .markdown-body .highlight .c,
div#cgit .markdown-body .highlight .ch,
div#cgit .markdown-body .highlight .cm,
div#cgit .markdown-body .highlight .c1,
div#cgit .markdown-body .highlight .cpf,
div#cgit .markdown-body .highlight .go { color: #888 !important; }
div#cgit .markdown-body .highlight .k,
div#cgit .markdown-body .highlight .kc,
div#cgit .markdown-body .highlight .kd,
div#cgit .markdown-body .highlight .kn,
div#cgit .markdown-body .highlight .kp,
div#cgit .markdown-body .highlight .kr,
div#cgit .markdown-body .highlight .ow { color: #7e7 !important; }
div#cgit .markdown-body .highlight .kt { color: #9bd !important; }
div#cgit .markdown-body .highlight .s,
div#cgit .markdown-body .highlight .s1,
div#cgit .markdown-body .highlight .s2,
div#cgit .markdown-body .highlight .sa,
div#cgit .markdown-body .highlight .sb,
div#cgit .markdown-body .highlight .sc,
div#cgit .markdown-body .highlight .sd,
div#cgit .markdown-body .highlight .sh,
div#cgit .markdown-body .highlight .dl { color: #fa7 !important; }
div#cgit .markdown-body .highlight .se,
div#cgit .markdown-body .highlight .si,
div#cgit .markdown-body .highlight .sx,
div#cgit .markdown-body .highlight .sr,
div#cgit .markdown-body .highlight .ss { color: #fc9 !important; }
div#cgit .markdown-body .highlight .m,
div#cgit .markdown-body .highlight .mb,
div#cgit .markdown-body .highlight .mf,
div#cgit .markdown-body .highlight .mh,
div#cgit .markdown-body .highlight .mi,
div#cgit .markdown-body .highlight .mo,
div#cgit .markdown-body .highlight .il { color: #8bf !important; }
div#cgit .markdown-body .highlight .nf,
div#cgit .markdown-body .highlight .fm,
div#cgit .markdown-body .highlight .nb,
div#cgit .markdown-body .highlight .bp { color: #6cf !important; }
div#cgit .markdown-body .highlight .nc,
div#cgit .markdown-body .highlight .ne,
div#cgit .markdown-body .highlight .nn,
div#cgit .markdown-body .highlight .nt,
div#cgit .markdown-body .highlight .cp,
div#cgit .markdown-body .highlight .cs { color: #f9c !important; }
div#cgit .markdown-body .highlight .na,
div#cgit .markdown-body .highlight .nl,
div#cgit .markdown-body .highlight .nv,
div#cgit .markdown-body .highlight .vc,
div#cgit .markdown-body .highlight .vg,
div#cgit .markdown-body .highlight .vi,
div#cgit .markdown-body .highlight .vm,
div#cgit .markdown-body .highlight .py,
div#cgit .markdown-body .highlight .no { color: #9cf !important; }
div#cgit .markdown-body .highlight .err { color: #f66 !important; }

/* thin scrollbars like the gallery */
* { scrollbar-color: var(--border) transparent; scrollbar-width: thin; }

/* optional: the page's animated bg behind everything.
   Needs an absolute URL since cgit lives on another host/path.
body {
  background: var(--bg) url('https://squeakyrat.moe/assets/fagotni.gif') center / cover fixed;
}
*/