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

:root {
    --background: #fff;
    --text: #000;
    --text-light: #111;

    --links: #c61a1a;

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

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

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

    --info: #2e7aec;
    --info-text: #fff;
    --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: #eee;
    --border: #ddd;
}

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

.editor button {
    --background: #eee;
    --text: #000;
    --background-hover: #ddd;
}

#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: #aaa;
    --border: #ddd;
}

.flash {
    --background: #fff;
    --text: #222;
    --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: #000;
    --btn-bg-active: rgba(0, 0, 0, .15);
}

.profile-xp {
    --background: #eee;
    --border: 1px solid #ccc;
    --background-xp: #f55;
    --background-xp-100: #d33;
    --border-xp: 1px solid #d33;
}

.context-menu {
    --background: #fff;
    --shadow: 0 0 12px -9px #000;
    --border: #ddd;
    --background-light: #fff;
}

.editor svg {
    --icons: #000;
}

.dl-button {
    --link: #149641;
    --link-text: #ffffff;
    --link-active: #0f7331;
    --meta: rgba(0, 0, 0, .15);
    --meta-text: #000000;
}

.gallery, .gallery-js {
    --border: rgba(0, 0, 0, 0.5);
    --selected: rgba(0, 0, 0, 0.75);
}

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

.tag {
    --background: #e0e0e0;
}
.tag.tag-calc {
    --background: #f0ca81;
}
.tag.tag-lang {
    --background: #aad796;
}
.tag.tag-games {
    --background: #a7ccd5;
}
.tag.tag-tools {
    --background: #c6aae1;
}
.tag.tag-courses {
    --background: #f0a0a0;
}
