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

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

    --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 #b0b0b0;
}

.form {
    --background: #ffffff;
    --text: #000000;
    --border: 1px solid #c8c8c8;
    --border-focused: #7cade0;
}

.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 #d0d0d0;
}

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);
}
