/* Link Component Styles */
.ui-link {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-sm);
    text-decoration: none;
    transition: all var(--transition-base);
    cursor: pointer;
    font-weight: var(--font-weight-medium);
    outline: none;
    border: none;
    -webkit-tap-highlight-color: transparent;
}

.ui-link:hover {
    text-decoration: underline;
}

.ui-link:focus {
    outline: none;
}

.ui-link:active {
    outline: none;
    border: none;
}

/* Default Variant */
.ui-link-default {
    color: var(--color-primary);
}

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

/* Primary Variant */
.ui-link-primary {
    color: var(--color-primary);
    font-weight: var(--font-weight-semibold);
}

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

/* Secondary Variant */
.ui-link-secondary {
    color: var(--color-secondary);
}

.ui-link-secondary:hover {
    color: var(--color-secondary-hover);
}

/* Danger Variant */
.ui-link-danger {
    color: var(--color-danger);
}

.ui-link-danger:hover {
    color: var(--color-danger-hover);
}

/* Link Icon */
.ui-link-icon {
    display: inline-flex;
    align-items: center;
}

/* Link Text */
.ui-link-text {
    display: inline-block;
}