/* =========================
   FLUENT LINK (MICROSOFT STYLE)
========================= */
.fluent-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;

    font-size: var(--ms-font-size-body);
    font-weight: var(--ms-font-weight-medium);

    color: var(--ms-color-primary);
    text-decoration: none;

    cursor: pointer;

    transition: 
        color var(--ms-motion-fast) var(--ms-ease),
        text-decoration-color var(--ms-motion-fast) var(--ms-ease);
}

/* HOVER */
.fluent-link:hover {
    color: var(--ms-color-primary-hover);
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* ACTIVE */
.fluent-link:active {
    color: var(--ms-color-primary-pressed);
}

/* FOCUS (ACCESSIBILITY) */
.fluent-link:focus-visible {
    outline: 2px solid var(--ms-color-primary);
    outline-offset: 2px;
    border-radius: 2px;
}

/* DISABLED */
.fluent-link[disabled],
.fluent-link.is-disabled {
    color: var(--ms-color-text-disabled);
    pointer-events: none;
}