@import '../abstract/_all';

body {
  @include font-regular;

  -webkit-overflow-scrolling: touch;
  font-variant-ligatures: no-common-ligatures;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
    'Courier New', monospace;
}
.input,
.textarea,
.select,
select {
  @include font-regular;

  font-size: 14px;
  line-height: 1.3;
  @media (min-width: $break-sm) {
    font-size: 14px;
  }
}

select {
  @include font-regular;
}

p {
  @include font-regular;

  margin: 0;
  font-size: $text-sm;

  @media (min-width: $break-md) {
    font-size: $text-md;
  }

  &.b {
    @include font-regular;

    color: $c-primary;
  }
}

a {
  color: $c-primary;
  text-decoration: none;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.p1 {
  span {
    color: $c-primary;
  }
}

b,
mark {
  color: $c-primary;
}

.secondary {
  font-family: $font-family-c-r;
  font-weight: 100;
}

@include typesFixers($headersFixers, $fs);
@include mintypes($minbreakpoints, $minheaders, $fs);
@include types($breakpoints, $headers, $fs);

@include typesFluids($headersFluids);

.text-light,
.font-light {
  @include font-light;
}
.text-regular,
.font-regular {
  @include font-regular;
}
.text-medium,
.font-medium {
  @include font-medium;
}
.text-semibold,
.font-semibold {
  @include font-semibold;
}
.text-bold,
.font-bold {
  //2
  @include font-bold;
}