/* ====================================================================================================================
   FORMS THEME
==================================================================================================================== */

:root {
    /* fluent forms -------------------------------------------- */
    --ff-label-color    : #8F8F99;
    --ff-label-weight   : 500;
    --ff-label-size     : 1.2rem;

    --ff-input-bg       : #0C0C0E;
    --ff-input-text     : var(--offwhite);
    --ff-border-color   : #26262B;
    --ff-border-width   : 1px;

    --ff-button-bg      : var(--primary);
    --ff-button-color   : var(--offwhite);
    --ff-button-size    : 1.4rem;                   /* font size */
    --ff-button-padding : 1.6rem 3.2rem;

    --ff-input-radius   : 0.8rem;
    --ff-input-padding  : 2rem 1.6rem;

    --ff-form-radius    : 1.6rem;
    --ff-form-padding   : 2.8rem;
}