/*
 * Copyright 2019 dialog LLC <info@dlg.im>
 */

:root {
  --text-color-primary: color-mod(var(--color-primary) shade(5%));
  --text-color-info: color-mod(var(--color-info) shade(5%));
  --text-color-success: color-mod(var(--color-success) shade(5%));
  --text-color-warning: color-mod(var(--color-warning) shade(5%));
  --text-color-danger: color-mod(var(--color-danger) shade(5%));
  --text-light-color-primary: color-mod(
    var(--text-color-primary) lightness(+15%) alpha(95%)
  );
  --text-light-color-info: color-mod(
    var(--text-color-info) lightness(+15%) alpha(95%)
  );
  --text-light-color-success: color-mod(
    var(--text-color-success) lightness(+15%) alpha(95%)
  );
  --text-light-color-warning: color-mod(
    var(--text-color-warning) lightness(+15%) alpha(95%)
  );
  --text-light-color-danger: color-mod(
    var(--text-color-danger) lightness(+15%) alpha(95%)
  );
}

/* Styles */
.container {
  font-family: var(--font-family);
  font-size: var(--font-size);
  color: var(--ui-text-color);
  line-height: var(--text-line-height);
  display: inline;
  transition: color 150ms linear;
}

.block {
  display: block;
}

.light {
  color: var(--ui-text-color-light);
}

.bold {
  font-weight: 500;
}

.breakWord {
  word-break: break-word;
}

/* Sizes */
.small {
  line-height: var(--text-line-height-small);
  letter-spacing: -0.25px;
  font-size: var(--font-size-small);
}

.large {
  line-height: var(--text-line-height-large);
  letter-spacing: -0.4px;
  font-size: var(--font-size-large);
}

/* Themes */
.primary {
  color: var(--text-color-primary);

  &.light {
    color: var(--text-light-color-primary);
  }
}

.success {
  color: var(--text-color-success);

  &.light {
    color: var(--text-light-color-success);
  }
}

.info {
  color: var(--text-color-info);

  &.light {
    color: var(--text-light-color-info);
  }
}

.warning {
  color: var(--text-color-warning);

  &.light {
    color: var(--text-light-color-warning);
  }
}

.danger {
  color: var(--text-color-danger);

  &.light {
    color: var(--text-light-color-danger);
  }
}