/* --- Only edit in MASTER branch --
 * This file defines basic Embelin colors and accents to be used on top of
 * elements. */

/* Colors for basic texts */
.text {}

.text.primary {
    color: #333;
}

.text.secondary {
    color: #555;
}

.text.accent {
    color: #e9640d;
}

.text.success {
    color: #2b7e2b;
}

.text.warning {
    color: #7e742c;
}

.text.fail {
    color: #a23737;
}

.text.white {
    color: white;
}

/* Colors for vertical and horizontal separator lines */
.hline {
    border-bottom: 1px solid;
}

.hline.glass {
    border-bottom: 1px solid #cccccc5c;
}

.hline.primary {
    border-bottom-color: #212529;
}

.hline.secondary {
    border-bottom-color: #d0d0d075;
}

.hline.accent {
    border-bottom-color: #e9640d;
}

.vline {
    border-left: 1px solid;
}

.vline.glass {
    border-left: 1px solid #cccccc5c;
}

.vline.primary {
    border-left-color: #212529;
}

.vline.secondary {
    border-left-color: #d0d0d075;
}

.vline.accent {
    border-left-color: #e9640d;
}

/* Default border and border shadow colors. */
.border {
    border: 1px solid #6464645e;
}

.border.glass {
    border: 1px solid #cccccc5c;
}

.border.shadow {
    border: none;
    box-shadow: 1px 1px 10px #7171718c;
}

.border.shadow.success {
    box-shadow: 0px 1px 7px 3px #9ad99a;
}

.border.shadow.warning {
    box-shadow: 0px 1px 7px 3px #d0c991;
}

.border.shadow.fail {
    box-shadow: 0px 1px 7px 3px #b78585;
}


/* Background colors. */
.bg {
    background: #86868617;
}

.bg.glass {
    background: #4242428a;
}

.bg.accent {
    background: #e9640d;
}

.bg.success {
    background: #b9ffb9;
}

.bg.warning {
    background: #fff6af;
}

.bg.fail {
    background: #ffafaf;
}

.bg.danger {
    background: #f24c4c;
}