/* Some colors, variables etc. to be used as theme */

:root {
    --background: #ffffff;
    --text: #000000;
    --text-light: #101010;

    --links: #c61a1a;

    --ok: #149641;
    --ok-text: #ffffff;
    --ok-active: #0f7331;

    --warn: #f59f25;
    --warn-text: #ffffff;
    --warn-active: #ea9720;

    --error: #d23a2f;
    --error-text: #ffffff;
    --error-active: #b32a20;

    --info: #2e7aec;
    --info-text: #ffffff;
    --info-active: #215ab0;

    --hr-border: 1px solid #d8d8d8;
}

table {
    --border: #d8d8d8;
}
table tr:nth-child(odd) {
    --background: rgba(0, 0, 0, .1);
}
table th {
    --background: #e0e0e0;
    --border: #d0d0d0;
}

.form {
    --background: #ffffff;
    --text: #000000;
    --border: 1px solid #c8c8c8;
    --border-focused: #7cade0;
    --shadow-focused: rgba(87, 143, 228, 0.5);
}

.editor button {
    --background: #ffffff;
    --text: #000000;
    --border: 1px solid rgba(0, 0, 0, 0);
    --border-focused: 1px solid rgba(0, 0, 0, .5);
}

#light-menu {
    --background: #22292c;
    --text: #ffffff;
    --icons: #ffffff;
    --shadow: 0 0 4px rgba(0, 0, 0, 0.3);

    --logo-bg: #bf1c11;
    --logo-shadow: 0 0 2px rgba(0, 0, 0, .7);
    --logo-active: #d72411;
}

#menu {
    --background: #1c2124;
    --text: #ffffff;
    --icons: #ffffff;
    --shadow: 0 0 8px rgba(0, 0, 0, 0.3);

    --input-bg: #22292c;
    --input-text: #ffffff;
    --input-border: 1px solid #474747;
}

header {
    --background: #f4f4f6;
    --text: #000000;
    --border: 1px solid #d8d8d8;
}

footer {
    --background: #ffffff;
    --text: #a0a0a0;
    --border: #d0d0d0;
}

.flash {
    --background: #ffffff;
    --text: #212121;
    --shadow: 0 1px 12px rgba(0, 0, 0, 0.3);

    /* Uncomment to inherit :root values
    --ok: #149641;
    --warn: #f59f25;
    --error: #d23a2f;
    --info: #2e7aec; */

    --btn-bg: rgba(0, 0, 0, 0);
    --btn-text: #000000;
    --btn-bg-active: rgba(0, 0, 0, .15);
}

.profile-xp {
    --background: #e0e0e0;
    --border: 1px solid #c0c0c0;
    --background-xp: #f85555;
    --background-xp-100: #d03333;
    --border-xp: 1px solid #d03333;
}

.context-menu {
    --background: #ffffff;
    --shadow: 0 0 12px -9px #000000;
    --border: #d0d0d0;
    --background-light: #f0f0f0;
}

div.editor-toolbar, div.CodeMirror {
    --border: #c0c0c0;
    --background-light: #d9d9d9;
    --background-preview: #f4f4f6;
    --separator: #a0a0a0;
    --text-disabled: #c0c0c0;
}

/* Extra style on top of the Pygments style */
table.codehilitetable td.linenos {
    color: #808080;
}