/*SECTION - Links */

.link {
  --fg: var(--clr-neutral-160);
  --bg: var(--clr-white);
  --decor: underline;
  --size: var(--step-1);
  --weight: var(--font-bold);
  color: var(--fg);
  background-color: var(--bg);
  text-decoration: var(--decor);
  font-size: var(--size);
  font-weight: var(--weight);
  cursor: pointer;
}
.link:where(:has(.svg-inline--fa)) {
  --gap: 0.25rem;
  display: inline-flex;
  gap: var(--gap);
  align-items: center;
}

.link:hover {
  --bg: var(--clr-neutral-20);
  --fg: var(--clr-neutral-160);
  --decor: none;
  transition-duration: var(--transition-duration);
}

.link-theme {
  --fg: var(--clr-secondary-140);
  --weight: var(--font-regular);
}
.link-theme::after {
  display: none;
  font: var(--fa-font-regular);
  content: '\f08e';
}

.link-article-list {
  --fg: var(--clr-secondary-140);
  --weight: var(--font-regular);
  --hover-fg: var(--clr-secondary-140);
  --hover-bg: var(--clr-secondary-5);
}

.link-article-list::after {
  content: '';
}

.link-article-list:hover {
  --fg: var(--clr-secondary-140);
  --bg: var(--clr-secondary-5);
  --decor: none;
}

.link-footer {
  --fg: var(--clr-neutral-100);
  --size: var(--step-0);
  --gap: 0.5rem;
  --hover-bg: var(--clr-neutral-5);
  --svg-size: var(--step--1);
}

.link-footer-alt {
  --fg: var(--clr-neutral-100);
  --weight: var(--font-regular);
  --size: var(--step--1);
}

.link-social::after,
.link-article-list::after,
.link-footer-alt::after {
  --content: '';
}

.link-theme:hover,
.link-article-list:hover {
  --bg: var(--clr-secondary-5);
  transition-duration: var(--transition);
}

.link-footer::after {
  display: none;
  font: var(--fa-font-regular);
  content: '\f08e';
}

.link-card::after {
  display: none;
  font: var(--fa-font-solid);
  content: '\f054';
}