/* pallette */
@light-blue: #57a7eb;
@green: #66ce19;
@orange: #f8981d;
@red: #cd0000;
@blue: #08508e;
@white: #ffffff;
@black: #000000;

/* darker */
@gray1: #3c3c3c;
@gray2: #666666;
@gray3: #888888;
@gray4: #aaaaaa;
@gray5: #bbbbbb;
@gray6: #cccccc;
@gray7: #dddddd;
@gray8: #e4e3e0;
@platform-lt-gray: #f5f5f5;
/* lighter */

/* element colors */
@body-background: @gray8;
@section-background: white;
@text-color: @gray1;
@header-color: @gray2;
@disabled-color: @gray4;
@inline-description-color: @gray2;

@highlight-color1: @light-blue;
@highlight-color2: @orange;

@standard-border: @gray5;
@disabled-border: @gray7;

/* typography */
@font-family: "Ubuntu", Helvetica, sans-serif;
@font-size: 12px;
@line-height: @font-size*1.5;

.accent-border (@accent-border-color: @highlight-color1) {
  border: 1px solid @standard-border;
  border-left: 3px solid @accent-border-color;
}