/* Small polish on top of site.css; remove the <link> in _Layout.cshtml to revert. */
html {
    scroll-behavior: smooth;
}

::selection {
    background: rgba(43, 183, 163, .25);
}

/* Soft placeholder while recipe images load */
.recipe-card-media {
    background-color: #eef1f4;
}

.recipe-card-media img {
    animation: img-fade-in .35s ease both;
}

@keyframes img-fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Tactile button feedback and a clear keyboard focus ring */
.btn {
    transition: transform .12s ease, box-shadow .15s ease, background-color .15s ease;
}

.btn:active {
    transform: translateY(1px);
}

a:focus-visible,
button:focus-visible,
.btn:focus-visible,
.form-control:focus-visible,
.form-select:focus-visible {
    outline: 2px solid #2bb7a3;
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    .recipe-card-media img {
        animation: none;
    }

    .btn {
        transition: none;
    }
}