@use '../abstract/_all';
@use '../abstract/breakpoints';
@use '../abstract/fonts';
@use '../abstract/mixins';
@use '../abstract/setup';

body {
  @include mixins.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;
}

select {
  @include mixins.font-regular;
}

p {
  @include mixins.font-regular;

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

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

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

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

@include mixins.typesFixers(setup.$headersFixers, setup.$fs);
@include mixins.mintypes(breakpoints.$minbreakpoints, setup.$minheaders, setup.$fs);
@include mixins.types(
  breakpoints.$breakpoints,
  setup.$headers,
  setup.$fs
); /* todo una vez incluida */

@include mixins.typesFluids(setup.$headersFluids);

//

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

.is-through {
  position: relative;
  width: max-content;

  &::after {
    content: '';
    background-color: setup.$c-primary;
    width: 100%;
    position: absolute;
    bottom: 50%;
    left: 0;
    height: 1px;
  }
}

.c-gray.is-through {
  &::after {
    background-color: setup.$c-dark-grey;
  }
}