/* vim: set tabstop=2 shiftwidth=2 expandtab smarttab: */

:root {
  color-scheme: dark;
}

body {
  background-color: #18423d;
  color: #c1bbb3;
}

th {
  color: #d3cfc9;
}

a, .fakelink {
  color: #61caff;
}

a:hover, .fakelink:hover {
  text-shadow: 0 0 1px rgba(255, 255, 255, .6);
}

.header-columns, .content-columns .left-column, footer {
  /* #406561 is also set as the theme color in a meta tag at the top of the template when in dark mode */
  background-color: #406561;
  color: #e8e6e3;
}

.content-columns {
  background-color: #1b1d1e;
}

.content-columns .left-column hr {
  border: 0;
  border-top: 1px solid #e8e6e3;
}

th, td {
  border-color: #484e51;
}

tr.highlighted > td, tr.highlighted > th,
.highlighted-evens > tr:nth-child(even) > td,
.highlighted-evens > tr:nth-child(even) > th,
.highlighted-odds > tr:nth-child(odd) > td,
.highlighted-odds > tr:nth-child(odd) > th
{
  background-color: rgba(24, 66, 61, 0.33);
}

nav li.selected > h3 > a, nav li.selected > a {
  color: #b9e6e0;
}

tr.gf-onseen > td, tr.gf-onseen > th,
tr.yellow-highlighted > td, tr.yellow-highlighted > th,
span.yellow-highlighted {
  /* I'm still not really satisfied with this color...
     The recommendation from dark reader is #484000 which also isn't great... */
  background-color: #554c00 !important;
}

.gf-smol-tag {
  background-color: rgba(255,255,255,0.2);
  color: #fff;
}

.money-green {
  color: #72ff72;
}

.money-red {
  color: #ff1a1a;
}

.money-grey {
  color: #988f81;
}

.money-orange {
  color: #ffae1a;
}

.money-black {
  color: #e8e6e3;
}

.if-light-mode {
  display: none;
}