.expr-num,
.expr-var,
.expr-op,
.expr-rel,
.expr-paren,
.expr-sqrt,
.expr-fn {
  font-weight: 500;
  font-family: system-ui, sans-serif;
}

.expr-num {
  fill: #1E1E1C;
}

.expr-var {
  fill: #1E1E1C;
  font-style: italic;
}

.expr-fn {
  fill: #3A3A38;
}

.expr-op {
  fill: #185FA5;
}

.expr-rel {
  fill: #3C3489;
}

.expr-paren {
  fill: #6A6866;
}

.expr-sqrt {
  fill: #1E1E1C;
}

.expr-frac-line {
  stroke: #1E1E1C;
  stroke-width: 1.5px;
  stroke-linecap: round;
}

.expr-sqrt-line {
  fill: none;
  stroke: #1E1E1C;
  stroke-width: 1.2px;
  stroke-linecap: round;
  stroke-linejoin: miter;
}

.expr-brace {
  fill: none;
  stroke: #1E1E1C;
  stroke-width: 1.5px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.linha-correcta .expr-num,
.linha-correcta .expr-var {
  fill: #235A08;
}

.linha-correcta .expr-op,
.linha-correcta .expr-rel {
  fill: #3B6D11;
}

.linha-correcta .expr-paren {
  fill: #4A7A20;
}

.linha-correcta .expr-frac-line,
.linha-correcta .expr-sqrt-line,
.linha-correcta .expr-brace {
  stroke: #3B6D11;
}

.linha-incorrecta .expr-num,
.linha-incorrecta .expr-var {
  fill: #7A1A1A;
}

.linha-incorrecta .expr-op,
.linha-incorrecta .expr-rel {
  fill: #993C1D;
}

.linha-incorrecta .expr-paren {
  fill: #8A3020;
}

.linha-incorrecta .expr-frac-line,
.linha-incorrecta .expr-sqrt-line,
.linha-incorrecta .expr-brace {
  stroke: #993C1D;
}