/*
    Name:       console-dark
    Author:     MeasureThat.net

    Dark theme for the Benchmark Console redesign
    Uses --console-* tokens from the homepage redesign
*/

.cm-s-console-dark.CodeMirror, .cm-s-console-dark .CodeMirror-gutters {
  background-color: #12161d !important;
  color: #EDEDEF !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  font-family: 'IBM Plex Mono', monospace;
}

.cm-s-console-dark .CodeMirror-gutters {
  background-color: #0b0e13;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  padding-right: 10px;
}

.cm-s-console-dark .CodeMirror-linenumber {
  color: #6b7280;
  padding: 0 8px 0 0;
}

.cm-s-console-dark .CodeMirror-cursor {
  border-left: solid thin #2FDD8F;
}

.cm-s-console-dark.CodeMirror-focused div.CodeMirror-selected {
  background: rgba(47, 221, 143, 0.15);
}

.cm-s-console-dark .CodeMirror-line::selection,
.cm-s-console-dark .CodeMirror-line > span::selection,
.cm-s-console-dark .CodeMirror-line > span > span::selection {
  background: rgba(47, 221, 143, 0.15);
}

.cm-s-console-dark .CodeMirror-line::-moz-selection,
.cm-s-console-dark .CodeMirror-line > span::-moz-selection,
.cm-s-console-dark .CodeMirror-line > span > span::-moz-selection {
  background: rgba(47, 221, 143, 0.15);
}

.cm-s-console-dark .CodeMirror-activeline-background {
  background: rgba(255, 255, 255, 0.05);
}

.cm-s-console-dark .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: #2FDD8F !important;
}

/* Token colors */
.cm-s-console-dark span.cm-comment {
  color: #6b7280;
  font-style: italic;
}

.cm-s-console-dark span.cm-string,
.cm-s-console-dark span.cm-string-2 {
  color: #fbbf24;
}

.cm-s-console-dark span.cm-number {
  color: #a78bfa;
}

.cm-s-console-dark span.cm-variable {
  color: #60a5fa;
}

.cm-s-console-dark span.cm-variable-2 {
  color: #EDEDEF;
}

.cm-s-console-dark span.cm-variable-3 {
  color: #2FDD8F;
}

.cm-s-console-dark span.cm-def {
  color: #fbbf24;
}

.cm-s-console-dark span.cm-keyword {
  color: #f472b6;
  font-weight: 500;
}

.cm-s-console-dark span.cm-operator {
  color: #9aa1ab;
}

.cm-s-console-dark span.cm-atom {
  color: #a78bfa;
}

.cm-s-console-dark span.cm-meta {
  color: #9aa1ab;
}

.cm-s-console-dark span.cm-tag {
  color: #f472b6;
}

.cm-s-console-dark span.cm-attribute {
  color: #2FDD8F;
}

.cm-s-console-dark span.cm-qualifier {
  color: #60a5fa;
}

.cm-s-console-dark span.cm-property {
  color: #2FDD8F;
}

.cm-s-console-dark span.cm-builtin {
  color: #2FDD8F;
}

.cm-s-console-dark span.cm-error {
  color: #ef4444;
  background: rgba(239, 68, 68, 0.1);
}