/**
 * Host helpers for the SKIF theme.
 * Velora --vl-* voice comes from velora-skin-skif.css (Skin model skif on html).
 * This file only keeps WP-facing aliases and reduced-motion page-transition policy.
 */

html {
    --skif-font-display: var(--wp--preset--font-family--oswald);
    --skif-font-body: var(--wp--preset--font-family--source-sans-3);
    /* Serif is Gutenberg-only; Skin skif does not define --vl-font-family-serif. */
    --vl-font-family-serif: var(--wp--preset--font-family--source-serif-4);
}

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

    /* Reduced motion should effectively disable the page morph, not just shorten it. */
    html[vl-page-transition] {
        view-transition-name: none;
    }

    ::view-transition-group(*),
    ::view-transition-old(*),
    ::view-transition-new(*) {
        animation: none !important;
        filter: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}