/* ==========================================================================
   theme.css — dark colour scheme for the native HTML elements used on the page
   ========================================================================== */

/* --------------------------------------------------------------------------
   Document
   -------------------------------------------------------------------------- */

html {
    background-color: #231f18;
    color: #ffffd8;
}

body {
    background-color: #231f18;
    color: #ffffd8;
}

/* --------------------------------------------------------------------------
   Elements
   -------------------------------------------------------------------------- */

a {
    color: #b4a07d;
}

table,
fieldset {
    border-color: #928265;
}

mark {
    background-color: #5b513f;
    color: #ffffd8;
}

kbd {
    background-color: #2b261e;
    color: #ffffd8;
    border-color: #928265;
}

code {
    background-color: #2b261e;
    color: #ffffd8;
}

/* The small ES5 dialog fallback uses only CSS understood by IE11. */
.legacy-popover {
    background-color: #2b261e;
    border: 2px solid #928265;
    box-sizing: border-box;
    color: #ffffd8;
    left: 10px;
    margin: 0 auto;
    max-width: calc(100% - 20px);
    padding: 18px;
    position: fixed;
    right: 10px;
    top: 20%;
    width: 440px;
    z-index: 1000;
}

.legacy-popover table,
.legacy-popover td {
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
    word-wrap: break-word;
}

/* --------------------------------------------------------------------------
   Selection and placeholders
   -------------------------------------------------------------------------- */

::selection {
    background-color: #5b513f;
    color: #ffffd8;
}

::-moz-selection {
    background-color: #5b513f;
    color: #ffffd8;
}

::placeholder {
    color: #e8cfa1;
    opacity: 0.5;
}