/* Navi — stagit stylesheet for git.ganten.neocities.org/git/
   Matches ganten-site: navy ground, ghost-light cyan, lone amber anchor, Courier Prime. */
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap');

:root {
  --bg-abyss: #030d1c;
  --bg:       #101e2e;
  --bg-card:  #142c4a;
  --border:        #265080;
  --border-soft:   #1e4560;
  --border-faint:  #192e48;
  --text:      #e0f0ff;
  --text-alt:  #a8c8d8;
  --text-dim:  #7898b8;
  --text-mute: #5a779a;
  --ghost:  #40e8ff;
  --violet: #c040f8;
  --green:  #00e898;
  --anchor: #f09030;
  --red:    #ff6060;
  --font: "Courier Prime", "Courier New", Courier, monospace;
}

body {
  color: var(--text);
  background-color: var(--bg);
  font-family: var(--font);
  margin: 0 auto;
  max-width: 100ch;
  padding: 1.6em 1.2em 4em;
  line-height: 1.55;
}

h1, h2, h3, h4, h5, h6 { font-size: 1em; margin: 0; }
img, h1, h2 { vertical-align: middle; }
img { border: 0; }

a { color: var(--ghost); text-decoration: none; }
a:hover { color: var(--anchor); text-decoration: underline; }
a:target { background-color: var(--bg-card); }

.desc { color: var(--text-dim); }

.dl { margin: 0.7em 0 0; }
.dl .dim { color: var(--text-mute); }
.dl code { color: var(--anchor); }
hr {
  border: 0;
  border-top: 1px solid var(--border-faint);
  height: 1px;
  margin: 1.1em 0;
}

table { border-collapse: collapse; }
table thead td { font-weight: bold; color: var(--text-alt); }
table td { padding: 0 0.4em; }
#content table td { vertical-align: top; white-space: nowrap; }
td.num { text-align: right; color: var(--text-mute); }

#branches tr:hover td,
#tags tr:hover td,
#index tr:hover td,
#log tr:hover td,
#files tr:hover td { background-color: var(--bg-card); }

#index tr td:nth-child(2),
#tags tr td:nth-child(3),
#branches tr td:nth-child(3),
#log tr td:nth-child(2) { white-space: normal; }

pre { font-family: var(--font); }

/* blob view: line-number anchors */
#blob a { color: var(--text-mute); }
#blob a:target { color: var(--text); }
#blob a:hover { color: var(--ghost); text-decoration: none; }

a.d, a.h, a.i, a.line { text-decoration: none; }

/* diff coloring: hunk header, additions, deletions */
pre a.h { color: var(--ghost); }
.A, span.i, pre a.i { color: var(--green); }
.D, span.d, pre a.d { color: var(--red); }
pre a.h:hover, pre a.i:hover, pre a.d:hover { text-decoration: none; }