@charset "utf-8";

/* Dark theme: the existing theme files keep the layout; this file owns contrast. */
:root {
  color-scheme: dark;
  --dark-bg: #11161b;
  --dark-surface: #1b2229;
  --dark-surface-alt: #242d35;
  --dark-border: #46515b;
  --dark-text: #e8edf1;
  --dark-muted: #aeb9c2;
  --dark-link: #76c7ed;
  --dark-link-hover: #b7e6fa;
  --dark-accent: #b57f48;
}

body {
  background-color: var(--dark-bg);
  color: var(--dark-text);
}

/* #header {
  border-bottom: 1px solid rgba(118, 199, 237, 0.12);
} */

#logo a img {
  content: url(images/logo_20180409_dark.png);
}

.content_middle {
  background: var(--dark-surface);
}

#search_box {
  background: linear-gradient(180deg, #232d35 0%, #171d22 100%);
  border-radius: 12px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  width: 300px;
  float: right;
}

#content_top,
#content_bottom {
  background: var(--dark-surface);
}

#search_input,
.logininput,
.textarea,
.input,
.select,
.setperpageselect,
.categoryselect,
.dropdownmarker,
.commenttextarea,
.commentinput {
  background-color: #151b20;
  color: var(--dark-text);
  border-color: var(--dark-border);
}

#button_search,
#navbar,
h1.frame_header,
h2.c_frame_header,
.tablehead {
  background: linear-gradient(180deg, #c18a51 0%, var(--dark-accent) 55%, #8c6038 100%);
  color: #fff;
}

#navbar div a,
#navbar div a:link,
#navbar div a:hover,
h1.frame_header a:link,
h1.frame_header a:visited,
h1.frame_header a:hover,
h2.c_frame_header a:link,
h2.c_frame_header a:visited,
h2.c_frame_header a:hover {
  color: #fff;
}

.imagerow1,
.row1,
.commentrow1,
.catbgcolor {
  background-color: var(--dark-surface-alt);
  color: var(--dark-text);
}

.imagerow2,
.row2,
.commentrow2 {
  background-color: var(--dark-surface);
  color: var(--dark-text);
}

.commentrow1,
.commentrow2 {
  border-color: var(--dark-border);
}

.commentinfo,
.comment_voters_box {
  background-color: #303b44;
  color: var(--dark-text);
  border-color: var(--dark-border);
}

.comment_voters_box .cvb_header {
  border-color: var(--dark-border);
}

#imgTitle,
.title,
ul,
li,
p,
td {
  color: var(--dark-text);
}

a:link,
a:visited {
  color: var(--dark-link);
}

a:hover {
  color: var(--dark-link-hover);
}

hr {
  border-top-color: var(--dark-border);
  color: var(--dark-muted);
}

.marktext {
  background-color: #594b22;
  color: #ffd66b;
}

#keyword_help {
  background: #422b2b;
  border-color: #d36d6d;
  color: #fff;
}

.cookies-bullshit {
  background: #252d34;
  border-color: var(--dark-accent);
  color: var(--dark-text);
}

.image_blocked { color: #ff8f8f; }
.image_good { color: #83d49c; }
.image_banned { color: #8ab9ff; }
.gt_comment_votes { color: #83d49c; }