@mixin chameleon-typography-base {
  div,
  dl,
  dt,
  dd,
  ul,
  ol,
  li,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  pre,
  form,
  p,
  blockquote,
  th,
  td {
    margin: 0;
    padding: 0;
  }

  a {
    color: $color-primary;
    font-weight: 500;
  }

  p,
  ul li,
  ol li {
    @extend %font-family-secondary;
    font-size: rem-calc(16px);
    line-height: 1.4em;
    font-weight: 400;
  }

  .p-boosted,
  .p-max {
    font-size: rem-calc(18px);
  }

  .p-min {
    font-size: rem-calc(14px);
  }

  strong {
    font-weight: 600;
  }

  code {
    font-family: $font-family-monospace;
    font-size: rem-calc(14px);
    font-feature-settings: normal;
    background-color: $color-snow;
    padding: 4px 4px;
    border-radius: 3px;
  }
}