/* Global normal font faces and shared pointer/keyboard focus behavior. */

@font-face {
    font-display: swap;
    font-family: 'Source Serif 4';
    font-style: normal;
    font-weight: 200 900;
    src: url('../fonts/source-serif-4/SourceSerif4Variable-Roman.ttf.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Source Sans 3';
    font-style: normal;
    font-weight: 200 900;
    src: url('../fonts/source-sans-3/SourceSans3VF-Upright.woff2') format('woff2');
}

/*
 * Global focus behavior for clickable components.
 *
 * Pointer interactions should not keep sticky focus visuals.
 * Keyboard users retain visible focus through :focus-visible.
 */

:where(
        button,
        a[href],
        [role='button'],
        .button,
        .wp-element-button,
        input[type='button'],
        input[type='submit'],
        input[type='reset']
    ):focus:not(:focus-visible) {
    outline: none;
    box-shadow: none;
}

@media (hover: none) and (pointer: coarse) {
    :where(
        button,
        a[href],
        [role='button'],
        .button,
        .wp-element-button,
        input[type='button'],
        input[type='submit'],
        input[type='reset']
    ) {
        -webkit-tap-highlight-color: transparent;
    }
}