/* Deprecated: please avoid using these Less variables in favor of the CSS versions */
// Global colors.
@color-border: rgba(0, 31, 63, 0.08);
@color-change: rgb(0, 116, 217);
@color-heading: rgba(0, 31, 63, 0.04);
@color-focus: rgb(0, 116, 217);
@color-link-dark: rgb(0, 116, 217);
@color-link-light: rgb(61, 149, 227);
@color-overlay: darken(white, 60%);
@color-placeholder: rgba(0, 31, 63, 0.64);
@color-publish: rgba(0, 116, 217, 1);
@color-remove: rgb(255, 65, 54);
@color-schedule: rgba(0, 31, 63, 0.04);
@color-shadow: fade(black, 20%);
@color-separator: rgba(0, 31, 63, 0.08);
@color-text: rgba(0, 31, 63, 1);

// Global text.
@fontSize-default: 1.2rem; // assuming 16px default size
@gap-large: 20px;
@gap-medium: 10px;
@gap-small: 5px;
@iconSize-default: 14px;
@lineHeight-default: 20px;

// Element-specific.
@length-toolTitle-width: 200px;

// Custom functions.
.background-flat(@color) {
  background-color: @color;
  color: contrast(@color, @color-text, white);

  .link {
    color: contrast(@color, @color-link-dark, @color-link-light);
  }
}

.background-striped(@color) {
  background-color: var(--colorLight1);
  background-image: linear-gradient(
    -45deg,
    var(--colorLight1),
    var(--colorLight1) 25%,
    var(--colorDark5) 25%,
    var(--colorDark5) 50%,
    var(--colorLight1) 50%,
    var(--colorLight1) 75%,
    var(--colorDark5) 75%
  );
  background-size: 50px 50px;
  color: var(--colorDark1);
}
