/*
    Name:       Panda Syntax
    Author:     Siamak Mokhtari (http://github.com/siamak/)
    CodeMirror template by Siamak Mokhtari (https://github.com/siamak/atom-panda-syntax)
*/
.cm-s-panda-syntax.CodeMirror {
    background: #292a2b;
    color: #e6e6e6;
    line-height: 1.5;
    font-family:
        'Operator Mono',
        'Source Code Pro',
        Menlo,
        Monaco,
        Consolas,
        Courier New,
        monospace;
}
.cm-s-panda-syntax .CodeMirror-cursor {
    border-color: #ff2c6d;
}
.cm-s-panda-syntax .CodeMirror-activeline-background {
    background: rgba(99, 123, 156, 0.1);
}
.cm-s-panda-syntax .CodeMirror-selected {
    background: #fff;
}
.cm-s-panda-syntax .cm-comment {
    font-style: italic;
    color: #676b79;
}
.cm-s-panda-syntax .cm-operator {
    color: #f3f3f3;
}
.cm-s-panda-syntax .cm-string {
    color: #19f9d8;
}
.cm-s-panda-syntax .cm-string-2 {
    color: #ffb86c;
}

.cm-s-panda-syntax .cm-tag {
    color: #ff2c6d;
}
.cm-s-panda-syntax .cm-meta {
    color: #b084eb;
}

.cm-s-panda-syntax .cm-number {
    color: #ffb86c;
}
.cm-s-panda-syntax .cm-atom {
    color: #ff2c6d;
}
.cm-s-panda-syntax .cm-keyword {
    color: #ff75b5;
}
.cm-s-panda-syntax .cm-variable {
    color: #ffb86c;
}
.cm-s-panda-syntax .cm-variable-2 {
    color: #ff9ac1;
}
.cm-s-panda-syntax .cm-variable-3,
.cm-s-panda-syntax .cm-type {
    color: #ff9ac1;
}

.cm-s-panda-syntax .cm-def {
    color: #e6e6e6;
}
.cm-s-panda-syntax .cm-property {
    color: #f3f3f3;
}
.cm-s-panda-syntax .cm-unit {
    color: #ffb86c;
}

.cm-s-panda-syntax .cm-attribute {
    color: #ffb86c;
}

.cm-s-panda-syntax .CodeMirror-matchingbracket {
    border-bottom: 1px dotted #19f9d8;
    padding-bottom: 2px;
    color: #e6e6e6;
}
.cm-s-panda-syntax .CodeMirror-gutters {
    background: #292a2b;
    border-right-color: rgba(255, 255, 255, 0.1);
}
.cm-s-panda-syntax .CodeMirror-linenumber {
    color: #e6e6e6;
    opacity: 0.6;
}

.cm-s-panda-syntax span {
    &.cm-tpl-block,
    &.cm-tpl-var {
        color: #a2cbe9;
    }
    &.cm-tpl-inner {
        color: white;
    }
}
