* {
  all: unset;
}

/* Window background colour */
.bg {
  color: #292828
}

/* Viewport background colour */
.viewport_bg {
  color: #ecdfd2
}

/* Basic text colour */
.plain {
  color: #d4be98
}

/* Basic text font */
.text {
  font-family: "Lato", "Roboto", "Helvetica", sans-serif
}

/* Monospace font */
.monospace {
  font-family: "Fira Code", "Inconsolata", "Courier", "Courier New", monospace
}

/* High-constrast text colour */
.contrast {
  color: #f7f4ef
}

/* Active (highlighting) colour */
.highlight {
  color: #eadfcc
}

/* Logo base colour */
.logo_base {
  color: #f7f4ef
}

/* Logo highlight colour */
.logo_highlight {
  color: #f5881bff
}

/* Viewport scrollbar colour */
.viewport_scrollbar {
  color: #28272793
}

/* Tab scrollbar colour */
.tab_scrollbar {
  color: #302d2693
}

/* Ruler colour */
.ruler {
  color: #ede29a
}

/* Magnifying glass base colour */
.magnifier {
  color: #ecdfd2
}

/* Magnifying glass glass colour */
.glass {
  color: #9ce7ff72
}

/* Cursor colour */
.cursor {
  color: #f7f4ef
}

/* Bézier path point colour */
.point {
  color: #8183f1
}

/* Bézier control point colour */
.control {
  color: #a1dde9
}