/**
* This css is used to overwrite the default Fluent Form styles
* You can add the theme css here
* 
*/

:root {
    --fluentform-primary: var(--wp--preset--color--black);
    --fluentform-danger: var(--wp--preset--color--orange);
    --fluentform-border-radius: var(--border-radius-medium);
}

/* The border radius properties follow the css establish in the theme.json 
* file. The border-radius-medium is set to 0.25rem in the theme.json file.
* The border-radius-large is set to 0.5rem in the theme.json file.
* TODO find a better way to sync tha changes in the theme.json file with this file
*/
/* stylelint-disable */
.ff-btn-submit,
.ff-btn.ff-btn-submit,
.ff-btn.ff-btn-submit.ff_btn_style.wpf_has_custom_css {
    /* stylelint-enable */
    background-color: var(--fluentform-primary);
    border-color: var(--fluentform-primary);
    border-radius: var(--border-radius-medium);

    &:hover {
        color: var(--fluentform-primary);
        border-color: var(--fluentform-primary);
        background-color: transparent;
    }
}