:root {

    /*----------------------*/
    /*---- BEDROCK VARS ----*/
    /*---- (DARK MODE) -----*/
    /*----------------------*/

    --logo: url(/api/css-proxy?url=https%3A%2F%2Fscp-wiki.wikidot.com%2Flocal--files%2Ftheme%3Abasalt%2Fbasalt_scp_logo-for_darkmode.svg);

    --basalt-overtone: 180, 180, 181;
    --basalt-UI-dark-palette: 55, 55, 56;
    --basalt-bright-element-color: 234, 46, 52;
    --basalt-dark-element-color: 226, 60, 63;
    --basalt-primary-color: 13, 13, 15;
    --basalt-secondary-color: 26, 26, 28;
    --basalt-tertiary-color: 44, 44, 45;
    --basalt-main-text-color: 195, 195, 195;

    --general-border-color: 55, 55, 55;
    --modal-fader-background-color: var(--basalt-secondary-color);
    --button-hover-text-color: var(--basalt-main-text-color);
    --top-bar-link-color-hover: var(--basalt-main-text-color);
    --top-bar-link-background-hover: var(--basalt-dark-element-color);
    --login-status-link-background-hover: var(--basalt-undertone);
    --login-status-text-color: var(--basalt-main-text-color);
    --selection-background-color: var(--basalt-undertone);
    --selection-text-color: var(--basalt-main-text-color);
    --rate-module-info-icon-color: var(--basalt-main-text-color);
    --tab-focus-text-color: var(--basalt-main-text-color);

    --side-bar-heading-background-color: 253, 253, 253, 0.07;
    --side-bar-heading-text-color: var(--basalt-main-text-color);
    --side-bar-link-color-hover: var(--basalt-main-text-color);

    --basalt-negative-color: 209, 38, 38;
    --basalt-focus-color: var(--basalt-tertiary-color);

    --linkColour: rgb(var(--basalt-main-text-color)) !important;
    --swatch-menubg-black-color: 59, 60, 63;
    --swatch-menutxt-dark-color: 100, 100, 100;

    /*-----------------------------*/
    /*---- THEME-SPECIFIC VARS ----*/
    /*---- (DARK MODE) ------------*/
    /*-----------------------------*/

    --basalt-th-text-color: var(--basalt-main-text-color);
    --authorbox-background-color: var(--basalt-secondary-color);
    --header-drop-shadow-opacity: 0.32;

}

:is(#u-credit-view, div#u-credit-otherwise) .modalbox {
    --basalt-light-text-color: var(--basalt-main-text-color);
}

.owindow .button-bar>a[onclick*="cleanAll"]::after,
.owindow .button-bar>a[onclick*="cleanAll"]:hover::after {
    background: rgb(var(--basalt-main-text-color));
}

div[id*="page-options-bottom"]>a:is(:hover, :focus) {
    color: rgb(var(--basalt-main-text-color));
}

#more-options-button:is(:hover, :focus) {
    color: rgb(var(--basalt-main-text-color));
    background-color: rgb(var(--general-border-color));
}

form#edit-page-form table.edit-page-bottomtable tr td:nth-of-type(1)>div:nth-of-type(1):focus-within {
    color: rgb(var(--basalt-main-text-color));
}

:is(#file-upload-form table.form, form[onsubmit*="setParent"] > table.form, #rename-option-rename table.form)>tbody>tr>td:nth-child(1) {
    color: rgb(var(--basalt-main-text-color)) !important;
}

.bibitems .title,
.footnotes-footer .title {
    color: rgb(var(--basalt-main-text-color));
}

.yui-navset.yui-navset-top>ul.yui-nav>li:not(li.selected)>a:hover {
    color: rgb(var(--basalt-light-text-color));
}

.hovertip .content .footnote .f-heading,
.hovertip .content .reference .r-heading {
    color: rgb(var(--basalt-main-text-color));
}

.hovertip {
    border: solid 0.125rem rgb(var(--basalt-UI-dark-palette)) !important;
}

#main-content :is(.pager .pager-no, .pager>span.current) {
    color: rgb(var(--main-text-color));
}

#revision-list .page-history tr[id*="revision-row"] td:nth-child(3)>span::before {
    background: rgb(var(--basalt-undertone));
}

#history-form-1>table.form>tbody>tr:first-child>td:first-child {
    color: rgb(var(--basalt-main-text-color));
}

.diff-box table.page-compare th {
    color: rgb(var(--basalt-main-text-color));
}

#main-content .pager span>a:is(:hover, :focus) {
    color: rgb(var(--basalt-main-text-color));
}

[type="checkbox"]:checked {
    border-color: rgb(var(--basalt-undertone));
    background-color: rgb(var(--basalt-undertone));
}

input[type="checkbox"], [type="radio"] {
    border: solid 0.25em rgba(255, 255, 255, 0.35);
}

[type="radio"]:checked {
    border: solid 0.425em rgb(var(--basalt-dark-element-color));
}

#page-options-container .page-watch-options {
    color: rgba(var(--basalt-main-text-color, 0.2));
}

/*---------------------*/
/*---- BASALT DIVS ----*/
/*---- (DARK MODE) ----*/
/*---------------------*/

div[class$="_memo"] {
    background-color: rgba(var(--basalt-secondary-color), 1);
    border: solid 2px rgba(var(--memo-color), 1);
}

div[class$="_memo"]::before {
    color: rgb(var(--memo-color));
}

div.raisa_memo {
    --memo-logo: url(/api/css-proxy?url=https%3A%2F%2Fscp-wiki.wikidot.com%2Flocal--files%2Ftheme%3Abasalt%2FRAISA_DARKLOGO.png);
}

div.classification_memo {
    --memo-logo: url(/api/css-proxy?url=https%3A%2F%2Fscp-wiki.wikidot.com%2Flocal--files%2Ftheme%3Abasalt%2FCLASSIFICATION_DARKLOGO.png);
}

div.ettra_memo {
    --memo-logo: url(/api/css-proxy?url=https%3A%2F%2Fscp-wiki.wikidot.com%2Flocal--files%2Ftheme%3Abasalt%2FETTRA_DARKLOGO.png);
}

div.ethics_memo {
    --memo-logo: url(/api/css-proxy?url=https%3A%2F%2Fscp-wiki.wikidot.com%2Flocal--files%2Ftheme%3Abasalt%2FETHICS_DARKLOGO.png);
}

div.temporal_memo {
    --memo-logo: url(/api/css-proxy?url=https%3A%2F%2Fscp-wiki.wikidot.com%2Flocal--files%2Ftheme%3Abasalt%2FDELTA_T_DARKLOGO.png);
    --memo-color: 195, 195, 200;
}

div.overwatch_memo {
    --memo-logo: url(/api/css-proxy?url=https%3A%2F%2Fscp-wiki.wikidot.com%2Flocal--files%2Ftheme%3Abasalt%2FO5_DARKLOGO.png);
}

div.miscomm_memo {
    --memo-logo: url(/api/css-proxy?url=https%3A%2F%2Fscp-wiki.wikidot.com%2Flocal--files%2Ftheme%3Abasalt%2FMISCOMM_DARKLOGO.png);
}

:is(.table1, .table2, .table3, .table4, .table5, .table6) {
    --basalt-th-text-color: var(--basalt-light-text-color);
}

:is(div.table1, div.table2, div.table3, div.table4, div.table5, div.table6) span:is(.specialtext, .st) {
    filter: brightness(1.2);
}

:is(.table1, .table2, .table3, .table4, .table5, .table6) h1 {
    color: rgb(var(--basalt-th-background-color));
}

/*--------------*/
/*---- MISC ----*/
/*--------------*/

.fncon::before {
    color: rgba(0, 0, 0, 0.75);
}

/*--------------------------------------*/
/*----- END OF "DARK MODE" STYLING -----*/
/*--------------------------------------*/