/* shared/logo.css — paired with shared/logo.js. The wrapping anchor
   inherits the logo's box and adds a subtle hover/focus affordance
   so it reads as clickable without altering the logo's visual weight. */

.app-header__logo-link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    border-radius: var(--radius);
    transition: opacity 0.15s, box-shadow 0.15s;
}

.app-header__logo-link:hover .app-header__logo,
.app-header__logo-link:focus-visible .app-header__logo {
    opacity: 0.82;
}

.app-header__logo-link:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
}