/* =========================================
   LINKS
   ========================================= */

.base-link-standard {
    text-decoration: none;
    color: var(--color-text-muted);
    transition: color 0.3s ease;
    font-weight: var(--font-weight-medium);
}

.base-link-standard:hover {
    color: var(--color-primary);
}

.base-link-primary {
    text-decoration: none;
    color: var(--color-primary);
    font-weight: var(--font-weight-semibold);
    transition: color 0.3s ease;
}

.base-link-primary:hover {
    color: var(--color-primary-hover);
}

.base-nav-link {
    font-weight: var(--font-weight-medium);
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
    text-decoration: none;
    transition: color 0.3s ease;
}

.base-nav-link:hover {
    color: var(--color-text);
}

.base-nav-link-auth {
    font-weight: var(--font-weight-medium);
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
    text-decoration: none;
    transition: color 0.3s ease;
}

.base-nav-link-auth:hover {
    color: var(--color-text);
}

.base-footer-link {
    display: block;
    color: var(--color-text-muted);
    margin-bottom: 0.8rem;
    font-size: var(--font-size-sm);
    text-decoration: none;
    transition: color 0.3s ease;
}

.base-footer-link:hover {
    color: var(--color-primary);
}

/* Kleines Dankbarkeits-Icon für Links zur Contributor-Seite (Hall of Fame mit Sprungmarke); unscheinbar, nicht zu groß */
.base-contributor-link-icon {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-right: 0.35rem;
    opacity: 0.75;
    color: currentColor;
    transition: opacity 0.2s ease;
}

/* Kleines Contributor-Icon als Link neben Formular-Labels (z. B. Dashboard Kong-Content: Titel, Stop-Wörter, Tabellen, Listen, Fazit); öffnet Hall of Fame mit Sprungmarke */
.base-contributor-icon-link {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 4px;
    vertical-align: middle;
    color: var(--color-text-muted);
    transition: color 0.2s ease;
}

.base-contributor-icon-link:hover {
    color: var(--color-primary);
}

.base-contributor-icon-link svg {
    width: 100%;
    height: 100%;
    display: block;
}