@font-face {
  font-family: "IBM Plex Serif";
  src: url("fonts/IBMPlexSerif-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Serif";
  src: url("fonts/IBMPlexSerif-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("fonts/IBMPlexMono-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("fonts/Atkinson_Hyperlegible_Next/AtkinsonHyperlegibleNext-VariableFont_wght.ttf")
    format("truetype-variations");
  font-weight: 400 700;
  font-display: swap;
}


:root {
  --bg: #f2efe9;
  --text: #2b2926;
  --accent: #7a5c3e;
  --border: #d8d2c4;
  --muted: #8a8578;
  --tint: #f0ede6;

  
  --green: #2e5c31;
  --green-bg: #dcead9;
  --red: #8a3b32;
  --red-bg: #f2dcd8;
  --amber: #7a5a1c;
  --amber-bg: #f3e6c8;

  --sans: "Atkinson Hyperlegible Next", -apple-system, "Segoe UI", sans-serif;
  --serif: "IBM Plex Serif", Georgia, serif;
  --mono: "IBM Plex Mono", "Courier New", monospace;
}


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

div#cgit {
  max-width: 64rem; 
  margin: 0 auto;
  padding: 3rem 1.5rem;
  font-family: var(--sans);
  font-size: 1rem;
  line-height: 1.6;
  color: var(--text);
  background: transparent;
}

div#cgit a {
  color: var(--accent);
  text-decoration: none;
  text-decoration-color: rgba(122, 92, 62, 0.3);
  text-underline-offset: 3px;
}
div#cgit a:hover {
  text-decoration: underline;
  text-decoration-color: rgba(122, 92, 62, 0.4);
  text-underline-offset: 3px;
}
div#cgit a:focus-visible,
div#cgit input:focus-visible,
div#cgit select:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}


div#cgit table#header td.main {
  font-family: var(--serif);
  font-weight: 600;
  font-size: 1.9rem;
  letter-spacing: -0.02em;
  line-height: 1.25;
}
div#cgit table#header td.main a {
  color: var(--text);
  text-decoration: none;
}
div#cgit table#header td.sub {
  color: var(--muted);
  border-top: 1px solid var(--border);
}


div#cgit table.tabs {
  border-bottom: 1px solid var(--border);
  margin-top: 2rem;
}
div#cgit table.tabs td {
  padding: 0 0.5em 0 0;
}
div#cgit table.tabs td a {
  padding: 3px 0.75em;
  color: var(--muted);
  font-size: 1rem;
  text-decoration: none;
  border-radius: 4px 4px 0 0;
}
div#cgit table.tabs td a:hover {
  color: var(--text);
}
div#cgit table.tabs td a.active {
  color: var(--text);
  background-color: var(--tint);
}

div#cgit div.path {
  color: var(--text);
  background-color: var(--tint);
}
div#cgit div.content {
  padding: 1.5rem 0.5rem;
  border-bottom: 1px solid var(--border);
  overflow-x: auto; 
}


div#cgit table.list tr {
  background: transparent;
}
div#cgit table.list tr.logheader {
  background: var(--tint);
}
div#cgit table.list tr:nth-child(even) {
  background: rgba(43, 41, 38, 0.025);
}
div#cgit table.list tr:nth-child(odd) {
  background: transparent;
}
div#cgit table.list tr:hover {
  background: var(--tint);
}
div#cgit table.list tr.nohover,
div#cgit table.list tr.nohover:hover {
  background: transparent;
}
div#cgit table.list tr.nohover-highlight:hover:nth-child(even) {
  background: rgba(43, 41, 38, 0.025);
}
div#cgit table.list tr.nohover-highlight:hover:nth-child(odd) {
  background: transparent;
}
div#cgit table.list th {
  font-weight: 600;
  color: var(--muted);
  text-align: left;
}
div#cgit table.list td {
  padding: 0.2em 0.5em;
}
div#cgit table.list td a {
  color: var(--text);
}
div#cgit table.list td a:hover {
  color: var(--accent);
}
div#cgit table.list td a.ls-dir {
  font-weight: 600;
  color: var(--accent);
}
div#cgit table.list td.logsubject {
  font-family: var(--sans);
  font-weight: 600;
}
div#cgit table.list td.reposection {
  color: var(--muted);
}


div#cgit .oid,
div#cgit a.ls-blob,
div#cgit a.ls-dir,
div#cgit .ls-mod,
div#cgit td.ls-size,
div#cgit td.ls-mode,
div#cgit table.list td.logmsg,
div#cgit div.commit-msg,
div#cgit div.notes,
div#cgit table.diff td,
div#cgit table.ssdiff td,
div#cgit table.blob pre,
div#cgit table.bin-blob th,
div#cgit table.bin-blob td {
  font-family: var(--mono);
}
div#cgit table.diff td,
div#cgit table.blob pre,
div#cgit .oid {
  font-size: 0.9em;
}


div#cgit span.age-mins {
  color: var(--accent);
  font-weight: 700;
}
div#cgit span.age-hours {
  color: var(--accent);
}
div#cgit span.age-days {
  color: var(--text);
}
div#cgit span.age-weeks,
div#cgit span.age-months {
  color: var(--muted);
}
div#cgit span.age-years {
  color: #b5b0a3;
}


div#cgit a.branch-deco,
div#cgit a.tag-deco,
div#cgit a.tag-annotated-deco,
div#cgit a.remote-deco,
div#cgit a.deco {
  margin: 0 0.4em;
  padding: 0.05em 0.45em;
  border: none;
  border-radius: 4px;
  font-family: var(--mono);
  font-size: 0.8em;
  text-decoration: none;
}
div#cgit a.branch-deco {
  color: var(--green);
  background-color: var(--green-bg);
}
div#cgit a.tag-deco {
  color: var(--amber);
  background-color: var(--amber-bg);
}
div#cgit a.tag-annotated-deco {
  color: var(--amber);
  background-color: var(--amber-bg);
  font-weight: 700;
}
div#cgit a.remote-deco {
  color: var(--muted);
  background-color: var(--tint);
}
div#cgit a.deco {
  color: var(--red);
  background-color: var(--red-bg);
}
div#cgit div.commit-subject a.branch-deco,
div#cgit div.commit-subject a.tag-deco,
div#cgit div.commit-subject a.tag-annotated-deco,
div#cgit div.commit-subject a.remote-deco,
div#cgit div.commit-subject a.deco {
  margin-left: 1em;
  font-size: 0.7em;
}


div#cgit div.commit-subject {
  font-family: var(--serif);
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.3;
}
div#cgit div.notes {
  color: var(--amber);
  border: 1px solid var(--amber-bg);
  background-color: var(--amber-bg);
  border-radius: 4px;
}
div#cgit div.cgit-panel table {
  border: 1px solid var(--border);
  background-color: var(--tint);
}
div#cgit table#downloads {
  border: 1px solid var(--border);
}
div#cgit table#downloads th {
  background-color: var(--tint);
}


div#cgit table.diff td div.head {
  color: var(--text);
}
div#cgit table.diff td div.hunk {
  color: var(--muted);
}
div#cgit table.diff td div.add,
div#cgit span.insertions,
div#cgit table.diffstat td.add a {
  color: var(--green);
}
div#cgit table.diff td div.del,
div#cgit span.deletions,
div#cgit table.diffstat td.del a,
div#cgit table.diffstat td span.modechange {
  color: var(--red);
}
div#cgit table.diffstat td.upd a {
  color: var(--accent);
}
div#cgit table.diffstat {
  border: 1px solid var(--border);
  background-color: var(--tint);
}
div#cgit div.diffstat-summary {
  color: var(--muted);
}
div#cgit table.diffstat td.graph td.add {
  background-color: #8fb98a;
}
div#cgit table.diffstat td.graph td.rem {
  background-color: #cd8d84;
}


div#cgit table.ssdiff td {
  border-left: 1px solid var(--border);
  border-right: 1px solid var(--border);
  color: var(--text);
}
div#cgit table.ssdiff td.add {
  background: var(--green-bg);
}
div#cgit table.ssdiff td.add_dark {
  background: #c4dbbf;
}
div#cgit table.ssdiff span.add {
  background: var(--green-bg);
}
div#cgit table.ssdiff td.del {
  background: var(--red-bg);
}
div#cgit table.ssdiff td.del_dark {
  background: #e6c3bd;
}
div#cgit table.ssdiff span.del {
  background: var(--red-bg);
}
div#cgit table.ssdiff td.changed {
  background: var(--amber-bg);
}
div#cgit table.ssdiff td.changed_dark {
  background: #e8d6ac;
}
div#cgit table.ssdiff td.lineno {
  background: var(--tint);
  color: var(--muted);
}
div#cgit table.ssdiff td.hunk {
  background: var(--tint);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
div#cgit table.ssdiff td.head,
div#cgit table.ssdiff td.foot {
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}


div#cgit div#blob {
  border: 1px solid var(--border);
}
div#cgit table.blob {
  border-top: 1px solid var(--border);
}
div#cgit table.blob td.hashes,
div#cgit table.blob td.lines {
  color: var(--text);
}
div#cgit table.blob td.linenumbers {
  border-right: 1px solid var(--border);
}
div#cgit table.blob td.linenumbers a,
div#cgit table.ssdiff td.lineno a {
  color: var(--muted);
  text-decoration: none;
}
div#cgit table.blob td.linenumbers a:hover,
div#cgit table.ssdiff td.lineno a:hover {
  color: var(--accent);
}
div#cgit table.blame div.alt:nth-child(even) {
  background: var(--tint);
}
div#cgit table.blame div.alt:nth-child(odd) {
  background: transparent;
}
div#cgit table.bin-blob,
div#cgit table.bin-blob th,
div#cgit table.bin-blob td {
  border-color: var(--border);
}


div#cgit table.stats,
div#cgit table.stats th,
div#cgit table.stats td,
div#cgit table.vgraph,
div#cgit table.hgraph,
div#cgit table.hgraph th {
  border-color: var(--border);
}
div#cgit table.stats th,
div#cgit table.vgraph th,
div#cgit table.hgraph th,
div#cgit table.vgraph div.bar,
div#cgit table.hgraph div.bar {
  background-color: var(--tint);
}
div#cgit table.stats td.sum {
  color: var(--red);
}


div#cgit input,
div#cgit select {
  font-family: var(--sans);
  color: var(--text);
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: 4px;
  padding: 2px 6px;
}
div#cgit ul.pager a {
  color: var(--muted);
}
div#cgit ul.pager .current {
  color: var(--text);
}
div#cgit div.error {
  color: var(--red);
}
div#cgit div.footer,
div#cgit div.footer a {
  color: var(--muted);
}


@media (max-width: 550px) {
  div#cgit {
    padding: 1.5rem 1rem;
  }
  div#cgit table#header td.main {
    font-size: 1.4rem;
    white-space: normal;
  }
  div#cgit div.content {
    padding: 1rem 0;
  }
}