@import "../../../../src/reset";
@import "../../../../src/utilities";
@import "prism";
@import "markdown";

*,
*::before,
*::after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  color: inherit;
  text-decoration: none;

  &:hover {
    .text-underline;
  }
}

.define-text-color('primary';
  default #3498DB,
  'light' lighten(#3498DB, 25%),
  'dark' #2980B9
;);

.define-bg-color('primary';
  default #3498db,
  'light' #a0cfee,
  'dark' #2980b9
;);

@import "../../../../src/reset";
@import "../../../../src/utilities";
@import "prism";
@import "markdown";

*,
*::before,
*::after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  color: inherit;
  text-decoration: none;

  &:hover {
    .text-underline;
  }
}

.define-text-color('primary';
  default #3498DB,
  'light' lighten(#3498DB, 25%),
  'dark' #2980B9
;);

@bg-colors:
  'light' hsl(0, 0%, 100%),
  'light-soft' hsl(0, 0%, 98%),
  'light-softer' hsl(0, 0%, 96%),

  'dark' hsl(0, 0%, 33%),
  'dark-soft' hsl(0, 0%, 42%),
  'dark-softer' hsl(0, 0%, 52%),

  'primary' #3498db,
  'primary-light' #a0cfee,
  'primary-dark' #2980b9
;

Update custom bg color definition in docs
Update custom bg color definition in docs
