/* Base */
.light .bg,
.light .chroma {
  color: #4c4f69;              /* Text */
  background-color: #eff1f5;   /* Base */
}

/* Line numbers */
.light .chroma .ln,
.light .chroma .lnt {
  color: #9ca0b0;              /* Overlay1 */
}

/* Highlight line */
.light .chroma .hl {
  background-color: #ccd0da;   /* Surface0 */
}

/* Red */
.light .chroma .err,
.light .chroma .kd,
.light .chroma .kt,
.light .chroma .sa,
.light .chroma .gr,
.light .chroma .gt,
.light .chroma .gd {
  color: #d20f39;
}

/* Green */
.light .chroma .s,
.light .chroma .s1,
.light .chroma .s2,
.light .chroma .sb,
.light .chroma .sx,
.light .chroma .ss,
.light .chroma .sc,
.light .chroma .si,
.light .chroma .gi {
  color: #40a02b;
}

/* Yellow */
.light .chroma .nc,
.light .chroma .no {
  color: #df8e1d;
}

/* Peach */
.light .chroma .kc,
.light .chroma .m,
.light .chroma .mb,
.light .chroma .mf,
.light .chroma .mh,
.light .chroma .mi,
.light .chroma .il,
.light .chroma .mo,
.light .chroma .ne,
.light .chroma .py,
.light .chroma .nn,
.light .chroma .gh,
.light .chroma .gu {
  color: #fe640b;
}

/* Mauve */
.light .chroma .k,
.light .chroma .kr,
.light .chroma .kp,
.light .chroma .nt {
  color: #8839ef;
}

/* Blue */
.light .chroma .na,
.light .chroma .nf,
.light .chroma .fm,
.light .chroma .nd,
.light .chroma .dl,
.light .chroma .se {
  color: #1e66f5;
}

/* Sky */
.light .chroma .nb,
.light .chroma .bp,
.light .chroma .nl,
.light .chroma .o,
.light .chroma .ow {
  color: #04a5e5;
}

/* Teal */
.light .chroma .kn,
.light .chroma .sr {
  color: #179299;
}

/* Rosewater */
.light .chroma .nv,
.light .chroma .vc,
.light .chroma .vg,
.light .chroma .vi,
.light .chroma .vm {
  color: #dd7878;
}

/* Comments */
.light .chroma .c,
.light .chroma .ch,
.light .chroma .cm,
.light .chroma .c1,
.light .chroma .cs,
.light .chroma .cp,
.light .chroma .cpf,
.light .chroma .sd,
.light .chroma .sh {
  color: #9ca0b0;
  font-style: italic;
}

/* Operators */
.light .chroma .o,
.light .chroma .ow {
  font-weight: bold;
}

/* Emphasis */
.light .chroma .gs { font-weight: bold; }
.light .chroma .ge { font-style: italic; }
.light .chroma .gl { text-decoration: underline; }

/* Diff backgrounds */
.light .chroma .gd,
.light .chroma .gi {
  background-color: #e6e9ef;
}