:root {
    --dm-background: #252525;
    --dm-color: #C0C0C0;
    --dm-hcolor: #FFFFFF;
    --dm-link-hover: #C0C0F0;
    --dm-d0-bg: #303030;
    --dm-d1-bg: #353535;
    --dm-d1-br: #454545;
    --dm-d2-bg: #404040;
    --dm-d2-br: #505050;
    --dm-d3-bg: #909090;
    --dm-d3-br: #A0A0A0;
}

body {
    max-width: 100%;
    background-color: var(--dm-background);
    color: var(--dm-color);
}

a {
    color: var(--dm-color);
}

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

/* logo */    
#block-huplogo img {
    filter: grayscale(100%) contrast(100%) brightness(0.8);
}
    
/* top menu */    
    
#block-hup-theme-main-menu {
    background-color: var(--dm-d1-bg);
    border-color: var(--dm-d1-br);         
}    
    
.region-header nav.block-menu ul.menu li.menu-item a {
    color: var(--dm-color);
}

.region-header nav.block-menu ul.menu li.menu-item a:hover {
    background-color: var(--dm-d2-bg);
}    
    
/* footer */

footer[role="contentinfo"] .region-footer {
    background-color: var(--dm-d2-bg);
    border-color: var(--dm-d2-br);
}

/* sides */    
    
.sidebars_wrapper .block {
    background: transparent;
    border-color: var(--dm-d1-br);
}
.block h2 {
    background-color: var(--dm-d1-bg);
    border-color: var(--dm-d1-br);       
}

.block .menu .is-active {
    color: var(--dm-hcolor);
}    
    
/* content normal */
span.field--name-title {
    background-color: var(--dm-d1-bg);
    border-color: var(--dm-d1-br);       
}
    
/* content sticky */
    
.node.node--sticky {
    background-color: var(--dm-d1-bg) !important;
    border-color: var(--dm-d1-br) !important;
}

.node.node--sticky .field--name-title {
    background-color: var(--dm-d2-bg);
    border-color: var(--dm-d2-br);       
}

/* hup style ov */
.view-legfrisebb-forumtemak, .view-tracker, .view-bookmarks-node {
    background-color: var(--dm-d0-bg) !important;
}
.view-legfrisebb-forumtemak table tr:hover, .view-tracker table tr:hover, .view-bookmarks-node table tr:hover {
    background-color: var(--dm-d1-bg) !important;
}
.view-legfrisebb-forumtemak table td.is-active, .view-tracker table td.is-active, .view-bookmarks-node table td.is-active {
    background-color: var(--dm-d1-bg) !important;
}
.view-content .views-field-nothing {
    filter: grayscale(100%) brightness(0.8);
}
/* poll */
.poll .bar {
    background: var(--dm-d1-bg);
    border-color: var(--dm-d1-br);
}

.poll .bar .foreground {
    background: var(--dm-d3-bg);
}
/* comments */
#block-hup-theme-content .field--name-comment, #block-hup-theme-content .field--name-comment-forum {
    background: transparent;
}
#block-hup-theme-content article.comment {
    background-color: var(--dm-d0-bg) !important;
    border-color: var(--dm-d1-br) !important;
}    
#block-hup-theme-content article.comment .comment_info_wrapper {
    background-color: var(--dm-d1-bg) !important;
}
#block-hup-theme-content article.comment .comment-links-wrapper {
    background-color: var(--dm-d1-bg) !important;
}
#block-hup-theme-content article.comment.by-viewer .comment_info_wrapper {
    background-color: var(--dm-d2-bg) !important;
}    
#block-hup-theme-content article.comment.by-viewer .comment-links-wrapper {
    background-color: var(--dm-d2-bg) !important;
}    
#block-hup-theme-content .field--name-signature {
    border-color: var(--dm-d1-br) !important;        
}
#block-hup-theme-content .comment_links a, #block-hup-theme-content .flag-bookmark-node.action-flag a, #block-hup-theme-content .flag-bookmark-node.action-unflag a, #block-hup-theme-content .action-unflag a, #block-hup-theme-content .action-flag a {
    filter: invert(65%);
}
#block-hup-theme-content .hup-voters-wrapper span {
    background-color: var(--dm-d1-bg) !important;
    border-color: var(--dm-d1-br) !important;
}
#block-hup-theme-content .username_postfix, #block-hup-theme-content .comment__meta .edited {
    filter: invert(100%);
}
#block-hup-theme-content #comment-form {
    background: transparent;
}
#block-hup-theme-content article.comment .comment_info_wrapper mark {
    background: #711;
    color: #FFF;
}    
/* form elements */
input, textarea, select {
    background-color: var(--dm-d1-bg);
    border-width: 1px;
    border-style: solid;
    border-color: var(--dm-d1-br);
    padding: 3px 0px;
    color: var(--dm-color);
}    

input:focus {
    outline: none;
    border-color: var(--dm-d2-br) !important;
}
    
input[type="button"], input[type="submit"] {
    padding: 3px 3px;
    border-radius: 3px;
}
/* messages/notifications */
.messages--error {
    background: #433;
    border: 1px solid #544;
    box-shadow: -8px 0 0 #955;
}

.messages--error div[role="alert"] {
    color: #F99;
}

.messages--status {
    background: #343;
    border: 1px solid #454;
    box-shadow: -8px 0 0 #595;
    color: #9F9;
}

.messages--status div[role="alert"] {
    color: #9F9;
}

.messages--warning {
    background: #443618;
    border: 1px solid #e09600;
    box-shadow: -8px 0 0 #e09600;
    color: #d9bd85;
}

.messages--warning div[role="alert"] {
    color: #d9bd85;
}
/* misc */
fieldset, details {
    border-color: var(--dm-d1-br);
}
button.link {
    color: var(--dm-color);
}
.menu-item--expanded, .menu-item--collapsed {
    list-style-image: none;
}
.tabs ul li a {
    background: transparent;
    border-color: var(--dm-d1-br);
}
.tabs ul li a:hover, .tabs ul li a.is-active {
    background: var(--dm-d1-bg);
    border-color: var(--dm-d1-br);
}
.node-preview-container {
    background: var(--dm-d1-bg);
    border-color: var(--dm-d1-br);
}
.node-preview-backlink {
    background: var(--dm-d1-bg);
    border-color: var(--dm-d1-br);
}
.node-preview-backlink:hover {
    background: var(--dm-d2-bg);
    border-color: var(--dm-d2-br);
}
/* hljs */

.hljs {
    background-color: var(--dm-d2-bg);
    color: #FFF;
}
.hljs-preprocessor, .hljs-title, .hljs-string, .hljs-tag .hljs-value {
    color: #F99;
}
.hljs-number {
    color: #9F9;
}
.hljs-tag .hljs-title {
    color: #CCC;
}

/* ckeditor */
.ck-editor__editable {
    background-color: var(--dm-d1-bg) !important;
}
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
    border-color: var(--dm-d2-br);
}
.ck.ck-editor__editable {
    border-color: var(--dm-d1-br) !important;
}    
.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
    border-color: var(--dm-d3-br) !important;
}
.ck.ck-toolbar {
    background-color: var(--dm-d2-bg) !important;
}
.ck.ck-icon {
    filter: invert(100%);
}
.ck.ck-button:not(.ck-disabled):hover .ck-icon {
    filter: none;
}    
.ck.ck-button .ck-button__label {
    color: var(--dm-color);
}
.ck.ck-dropdown__panel {
    background-color: var(--dm-d0-bg) !important;
    border-color: var(--dm-d1-br) !important;
}
.ck .ck-button__label {
    color: var(--dm-color);
}
.ck.ck-list {
    background-color: var(--dm-d1-bg) !important;
}
.ck.ck-button.ck-list-item-button, .ck.ck-button.ck-list-item-button.ck-on {
    background-color: var(--dm-d1-bg) !important;
}
/* cke */
.cke_chrome {
    border-color: #666;
}

.cke_inner {
    background-color: #404040;
}

.cke_top {
    background-color: #555;
    border-color: #555;
}

.cke_bottom {
    background-color: #404040;
    border-color: #666;
}

.cke_toolbar span {
    color: #FFF;
}

.cke_button_icon, .cke_combo_arrow {
    filter: brightness(2.75);
}

.cke_combo_on a.cke_combo_button {
    background-color: #404040;
}

a.cke_button_off:hover {
    background-color: #404040;
}

.cke_combo_off a.cke_combo_button:hover {
    background-color: #404040;    
}

.cke_panel_listItem a:focus {
    background-color: #555;
    color: #FFF !important;
}

.cke_panel_listItem a:hover {
    background-color: #666;
    color: #FFF !important;
}

textarea.cke_source {
    background: transparent;
}