:root {
  --background-color: #EEF2FF;
  --text-color: #000;
  --label-color: #98E;
  --link-color: #34345C;
  --link-hover-color: red;
  --post-color: #D6DAF0;
  --post-outline-color: #B7C5D9;
  --highlighted-post-color: #D6BAD0;
  --highlighted-post-outline-color: #BA9DBF;
  --subject-color: #0F0C5D;
  --outline-color: #B7C5D9;
  --alt-outline-color: #B7C5D9;
  --detail-color: #B7C5D9;
  --board-title-color: #AF0A0F;
  --name-color: #117743;
  --text-body-color: white;
  --navbar-color: #d5d9f0;
  --logo-image: url(img/logo-cobson.png);
}

html {
    background: var(--background-color) url('img/fade-blue.png') repeat-x 50% 0%;
}

body {
    background: transparent;
}

div.banner, div.banner a {
    color: var(--text-color);
}

div.banner a:hover {
    color: var(--link-hover-color);
}

input[type="text"], input[type="password"], textarea {
    color: black !important;
    border: 1px solid #AAA !important;
    border-radius: 0px;
}

form table tr th {
    border: 1px solid #8a7ad6;
}

hr {
    border-color: var(--post-outline-color);
}

#options_div, #alert_div {
    border-radius: 3px !important;
    background-color: var(--background-color)!important;
}

#quick-reply table {
    background: var(--post-color)!important;
    border-style: none solid solid none;
    border-color: var(--post-outline-color)!important;
}

.moderation-toggle summary, .pages {
    border-radius: 0px !important;
    border-style: none solid solid none;
    border-width: 1px;
    border-color: var(--post-outline-color);
}

div.post.reply div.body a {
    color: var(--link-hover-color);
}

div.ban {
    background: white;
    border: 1px solid var(--text-color);
}

div.pages a.selected {
    color: var(--text-color);
}

img.banner, img.board_image {
    border: 1px solid var(--post-outline-color);
}

.modlog th {
    border: solid 1px var(--text-color);
}

.navbar {
    border-color: #AFB9CD;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
    border: 1px solid #ada0f1!important;
    outline: none;
}

.hide-thread-link .hide-toggle {
    border: 1px solid #8a7ad6;
    background: #a394f0;
    color: white;
    border-radius: 0px;
}

.hide-thread-link:hover .hide-toggle,
.hide-thread-link:focus .hide-toggle {
  background: #ada0f1;
  color: white;
}

div.post.reply, .hide-toggle, .moderation-toggle summary, div.pages, form input[type="text"], form input[type="password"], form textarea {
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0);
}

div.post.reply, .moderation-toggle summary, div.pages {
    border-style: none solid solid none;
}

.navbar, #quick_reply, .post-menu-mobile, .post-menu:not(.post-menu-mobile) {
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.02) !important;
    }