/* ===== Link Component ===== */
/* Navigation element — changes location. Never use Button for navigation. */

.ui-link {
    cursor: pointer;
    text-decoration: none;
    color: var(--link-color, var(--meb-button-link-foreground));
    transition: color 120ms ease, text-decoration 120ms ease;
}

/* --- Hover --- */

.ui-link:hover {
    text-decoration: underline;
    color: var(--link-hover, var(--meb-button-link-hover-foreground));
}

/* --- Disabled --- */

.ui-link.disabled {
    pointer-events: none;
    opacity: 0.5;
    text-decoration: none;
}

/* --- Variant: Default --- */

.ui-link.variant-default {
    color: var(--link-color, var(--meb-button-link-foreground));
}

/* --- Variant: Subtle --- */

.ui-link.variant-subtle {
    color: var(--link-subtle, var(--meb-text-default));
}

.ui-link.variant-subtle:hover {
    color: var(--link-hover, var(--meb-button-link-hover-foreground));
}

/* --- Variant: Strong --- */

.ui-link.variant-strong {
    font-weight: var(--weight-semibold);
    color: var(--link-color, var(--meb-button-link-foreground));
}