/**
 * Native system typography for C4C form controls and CF7 status messages.
 *
 * Keep headings, labels, choices, and branded buttons on the theme typography.
 */

:is(.c4c-contact-form, .c4c-monitor-form)
    :is(
        input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
        textarea,
        select
    ) {
    color: var(--c4c-deep);
    font-family:
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
    font-style: normal;
    font-weight: 400;
    font-kerning: auto;
    font-feature-settings: normal;
    letter-spacing: normal;
    -webkit-text-fill-color: var(--c4c-deep);
}

:is(.c4c-contact-form, .c4c-monitor-form)
    :is(input, textarea)::placeholder {
    color: rgba(4, 0, 180, 0.48);
    font-family:
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    opacity: 1;
    -webkit-text-fill-color: currentColor;
}

:is(.c4c-contact__form-panel, .c4c-monitor-entry)
    :is(
        .wpcf7-not-valid-tip,
        .wpcf7-response-output,
        .screen-reader-response
    ) {
    font-family:
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
    font-style: normal;
    font-weight: 400;
    font-kerning: auto;
    font-feature-settings: normal;
    letter-spacing: normal;
}