@import "_kint.less";

@default-font: Consolas, "Courier New", monospace;
@spacing : 5;

@main-background: #002b36; // base 03
@secondary-background : #073642; // base 02

@text-color: #839496; // base 0
@variable-name-color: #93a1a1; // base 1
@variable-type-color: #268bd2; // blue
@variable-type-color-hover: #2aa198; // cyan

@border-color: #586e75; // base 01
@border-color-hover: #268bd2; // blue

@caret-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAA8CAMAAACO5hB7AAAA7VBMVEVYbnWToaH///9YbnVYbnVYbnVYbnVYbnVYbnVYbnVYbnVYbnWToaGToaGToaGToaGToaGToaGToaGToaGToaFYbnWToaFYbnVYbnWToaGToaFYbnWToaFYbnWToaFYbnVYbnVYbnVYbnVYbnVYbnVYbnVYbnVYbnVYbnVYbnVYbnVYbnVYbnWToaGToaGToaGToaGToaGToaGToaGToaGToaGToaGToaGToaGToaGToaFYbnVYbnVYbnVYbnVYbnVYbnVYbnVYbnVYbnWToaGToaGToaGToaGToaGToaGToaGToaGToaFYbnWToaEeRtj1AAAATXRSTlMAAACLab0B7iP2R7CL9iPuaUewAb36F0/QnPoX0JxPYQaurepi6QV8FhV7MzFhM6586RYFMa3qYnsVBpNQ+ZGOGJ3PkM9QkZAY+Y6TnV7gnYsAAAEcSURBVHhebdHVbgMxEEBRu8sUZmqapBBoSuGUmWb+/3NayxtrLOe+Hck745XZgd6/eb3CVcKt7HmR+gKxlCGOETG5vFbOoahR6NxI5zHt6nuq+2dqnqfzzH3mfcz70vb8H6MJt5u6a96hS30E4PjEFgAEp2fKNojKUfVEOoS044ex7u3YPE/nmfvM+5j3pe17T9oe/77O41w+n4vnrbrwZxbTshVhvtx5Kb8vliRLRWmeSQSTjJq/El5x5fUXYmNN9hcQC5y4g/hGvVksNtT8451rns2IScb7mn567ll2GNpWr9YWfvQgzWsKs8HOA/m960g6rjTzA8HAV/NHwiOmPLwDKA/J/gggYsRVgFvqbr/fpWYv90zzZKKs9Qfx00Jx65oxLAAAAABJRU5ErkJggg==");

.keyboard-caret() {
  box-shadow    : 0 0 3px 2px #859900 inset; // green
  border-radius : 7px;
}

body {
  background : @secondary-background;
  color      : #fff; // for non-kint elements to remain at least semi-readable
}

.kint {
  background : @secondary-background;
  box-shadow : 0 0 5px 3px @secondary-background;

  > dl > dt,
  ul.kint-tabs {
    box-shadow : 4px 0 2px -3px @variable-type-color inset;
  }
}