/* Site-wide dark theme */
:root {
  color-scheme: dark;
}

html,
body {
  background: #17191d !important;
  color: #d8dbe2 !important;
}

body h1, body h2, body h3,
body h4, body h5, body h6,
body header h1 a {
  color: #e6e8ed !important;
}

body a {
  color: #79d8df;
}

body a:hover {
  color: #b5f5fa;
}

body header,
body footer,
body nav {
  background: transparent !important;
  color: #b5bac5;
}

body header a,
body footer a,
body nav a {
  color: #b5bac5 !important;
}

body input,
body textarea,
body select,
body button,
body .btn {
  background: #252932 !important;
  color: #e0e3ea !important;
  border-color: #515969 !important;
}

body input::placeholder,
body textarea::placeholder {
  color: #a4adbb !important;
}

body hr,
body table,
body th,
body td {
  border-color: #454c59 !important;
}

body th,
body td,
body pre,
body code {
  background: #22262e;
  color: #d8dbe2;
}

body blockquote {
  color: #bcc4d0;
  border-color: #79d8df;
}

body :focus-visible {
  outline: 2px solid #79d8df;
  outline-offset: 3px;
}
/* Dropdown menus */
body .dropdown-nav ul ul,
body .dropdown-nav .has-submenu:hover,
body .dropdown-nav .has-submenu:focus-within {
  background: #252932 !important;
  border-color: #515969 !important;
}

body .dropdown-nav li a {
  color: #d8dbe2 !important;
}

body .dropdown-nav li:hover > a,
body .dropdown-nav li a:focus-visible {
  background: #343c49 !important;
  color: #b5f5fa !important;
}

/* Selected tabs, hover states and pagination */
body nav.tabs a.selected,
body nav.pager a.selected {
  background: #303d49 !important;
  color: #9be8ee !important;
}

body nav.tabs a:hover,
body nav.pager a:hover {
  background: #292f39 !important;
  color: #e6e8ed !important;
}

/* Admin table: padding, alignment and row colours */
body table.classy {
  border-collapse: collapse;
}

body table.classy th,
body table.classy td {
  padding: 0.8rem 1rem !important;
  text-align: left;
  border-bottom: 1px solid #454c59 !important;
  color: #d8dbe2 !important;
}

body table.classy thead th,
body table.classy thead td {
  background: #2b323d !important;
}

body table.classy tbody td {
  background: #20242b !important;
}

body table.classy tbody tr:nth-child(even) td {
  background: #252a33 !important;
}

/* Blog post title links */
body .post-title a,
body h1 a,
body h2 a,
body h3 a {
  color: #79d8df !important;
}

body .post-title a:hover {
  color: #b5f5fa !important;
}

/* Explanatory text and footer */
body .desc,
body .description,
body .explain,
body footer {
  color: #aeb7c5 !important;
}

/* Make the dark dropdown arrow visible */
body .dropdown-nav img.ic-18dp {
  filter: invert(1);
}