:root
{

    /* PALETA DE CORES */

    /* Cor principal*/
    --primary-regular: #F42046;
    --primary-contrast: #FFFFFF;

    /* Cor secundária*/
    --secondary-regular: #2271D2;
    --secondary-contrast: #FFFFFF;

    /* Cor padrão */
    --default-regular: #303441;
    --default-contrast: #FFFFFF;



    /* TIPOGRAFIA */


    /* TÍTULOS */

    /* small */
    --typography-title-small-font-size--sm: 16px;
    --typography-title-small-font-size--md: 18px;
    --typography-title-small-font-size--lg: 20px;
    --typography-title-small-font-size--xl: 22px;
    --typography-title-small-font-size--xxl: 24px;

    --typography-title-small-line-height--sm: 20px;
    --typography-title-small-line-height--md: 22px;
    --typography-title-small-line-height--lg: 24px;
    --typography-title-small-line-height--xl: 26px;
    --typography-title-small-line-height--xxl: 28px;

    --typography-title-small-font-weight--sm: bold;
    --typography-title-small-font-weight--md: bold;
    --typography-title-small-font-weight--lg: bold;
    --typography-title-small-font-weight--xl: bold;
    --typography-title-small-font-weight--xxl: bold;


    /* middle */
    --typography-title-middle-font-size--sm: 22px;
    --typography-title-middle-font-size--md: 24px;
    --typography-title-middle-font-size--lg: 26px;
    --typography-title-middle-font-size--xl: 28px;
    --typography-title-middle-font-size--xxl: 30px;

    --typography-title-middle-line-height--sm: 24px;
    --typography-title-middle-line-height--md: 26px;
    --typography-title-middle-line-height--lg: 30px;
    --typography-title-middle-line-height--xl: 32px;
    --typography-title-middle-line-height--xxl: 34px;

    --typography-title-middle-font-weight--sm: bold;
    --typography-title-middle-font-weight--md: bold;
    --typography-title-middle-font-weight--lg: bold;
    --typography-title-middle-font-weight--xl: bold;
    --typography-title-middle-font-weight--xxl: bold;


    /* large */
    --typography-title-large-font-size--sm: 26px;
    --typography-title-large-font-size--md: 28px;
    --typography-title-large-font-size--lg: 30px;
    --typography-title-large-font-size--xl: 36px;
    --typography-title-large-font-size--xxl: 40px;

    --typography-title-large-line-height--sm: 28px;
    --typography-title-large-line-height--md: 30px;
    --typography-title-large-line-height--lg: 32px;
    --typography-title-large-line-height--xl: 49px;
    --typography-title-large-line-height--xxl: 50px;

    --typography-title-large-font-weight--sm: bold;
    --typography-title-large-font-weight--md: bold;
    --typography-title-large-font-weight--lg: bold;
    --typography-title-large-font-weight--xl: bold;
    --typography-title-large-font-weight--xxl: bold;


    /* TEXT */

    /* small */
    --typography-text-small-font-size--sm: 12px;
    --typography-text-small-font-size--md: 12.5px;
    --typography-text-small-font-size--lg: 13px;
    --typography-text-small-font-size--xl: 13.5px;
    --typography-text-small-font-size--xxl: 14px;


    --typography-text-small-line-height--sm: 20px;
    --typography-text-small-line-height--md: 20.5px;
    --typography-text-small-line-height--lg: 21px;
    --typography-text-small-line-height--xl: 21.5px;
    --typography-text-small-line-height--xxl: 22px;

    --typography-text-small-font-weight--sm: 400;
    --typography-text-small-font-weight--md: 400;
    --typography-text-small-font-weight--lg: 400;
    --typography-text-small-font-weight--xl: 400;
    --typography-text-small-font-weight--xxl: 400;


    /* middle */
    --typography-text-middle-font-size--sm: 14px;
    --typography-text-middle-font-size--md: 14.5px;
    --typography-text-middle-font-size--lg: 15px;
    --typography-text-middle-font-size--xl: 15.5px;
    --typography-text-middle-font-size--xxl: 16px;

    --typography-text-middle-line-height--sm: 22px;
    --typography-text-middle-line-height--md: 22.5px;
    --typography-text-middle-line-height--lg: 23px;
    --typography-text-middle-line-height--xl: 23.5px;
    --typography-text-middle-line-height--xxl: 24px;

    --typography-text-middle-font-weight--sm: 400;
    --typography-text-middle-font-weight--md: 400;
    --typography-text-middle-font-weight--lg: 400;
    --typography-text-middle-font-weight--xl: 400;
    --typography-text-middle-font-weight--xxl: 400;


    /* large */
    --typography-text-large-font-size--sm: 14px;
    --typography-text-large-font-size--md: 14.5px;
    --typography-text-large-font-size--lg: 15px;
    --typography-text-large-font-size--xl: 15.5px;
    --typography-text-large-font-size--xxl: 16px;

    --typography-text-large-line-height--sm: 22px;
    --typography-text-large-line-height--md: 22.5px;
    --typography-text-large-line-height--lg: 23px;
    --typography-text-large-line-height--xl: 23.5px;
    --typography-text-large-line-height--xxl: 24px;

    --typography-text-large-font-weight--sm: 400;
    --typography-text-large-font-weight--md: 400;
    --typography-text-large-font-weight--lg: 400;
    --typography-text-large-font-weight--xl: 400;
    --typography-text-large-font-weight--xxl: 400;


    /* DESCRIPTION */

    /* small */
    --typography-description-small-font-size--sm: 12px;
    --typography-description-small-font-size--md: 12.5px;
    --typography-description-small-font-size--lg: 13px;
    --typography-description-small-font-size--xl: 13.5px;
    --typography-description-small-font-size--xxl: 14px;

    --typography-description-small-line-height--sm: 17px;
    --typography-description-small-line-height--md: 17.5px;
    --typography-description-small-line-height--lg: 18px;
    --typography-description-small-line-height--xl: 18.5px;
    --typography-description-small-line-height--xxl: 19px;

    --typography-description-small-font-weight--sm: 300;
    --typography-description-small-font-weight--md: 300;
    --typography-description-small-font-weight--lg: 300;
    --typography-description-small-font-weight--xl: 300;
    --typography-description-small-font-weight--xxl: 300;

    /* middle */
    --typography-description-middle-font-size--sm: 14px;
    --typography-description-middle-font-size--md: 14.5px;
    --typography-description-middle-font-size--lg: 15px;
    --typography-description-middle-font-size--xl: 15.5px;
    --typography-description-middle-font-size--xxl: 16px;

    --typography-description-middle-line-height--sm: 19px;
    --typography-description-middle-line-height--md: 19.5px;
    --typography-description-middle-line-height--lg: 20px;
    --typography-description-middle-line-height--xl: 20.5px;
    --typography-description-middle-line-height--xxl: 21px;

    --typography-description-middle-font-weight--sm: 300;
    --typography-description-middle-font-weight--md: 300;
    --typography-description-middle-font-weight--lg: 300;
    --typography-description-middle-font-weight--xl: 300;
    --typography-description-middle-font-weight--xxl: 300;

    /* large */
    --typography-description-large-font-size--sm: 16px;
    --typography-description-large-font-size--md: 16.5px;
    --typography-description-large-font-size--lg: 17px;
    --typography-description-large-font-size--xl: 17.5px;
    --typography-description-large-font-size--xxl: 18px;

    --typography-description-large-line-height--sm: 21px;
    --typography-description-large-line-height--md: 21.5px;
    --typography-description-large-line-height--lg: 22px;
    --typography-description-large-line-height--xl: 22.5px;
    --typography-description-large-line-height--xxl: 23px;

    --typography-description-large-font-weight--sm: 300;
    --typography-description-large-font-weight--md: 300;
    --typography-description-large-font-weight--lg: 300;
    --typography-description-large-font-weight--xl: 300;
    --typography-description-large-font-weight--xxl: 300;


    /* LABEL */

    /* small */
    --typography-label-small-font-size--sm: 12px;
    --typography-label-small-font-size--md: 12.5px;
    --typography-label-small-font-size--lg: 13px;
    --typography-label-small-font-size--xl: 13.5px;
    --typography-label-small-font-size--xxl: 14px;

    --typography-label-small-line-height--sm: 14px;
    --typography-label-small-line-height--md: 14.5px;
    --typography-label-small-line-height--lg: 15px;
    --typography-label-small-line-height--xl: 15.5px;
    --typography-label-small-line-height--xxl: 16px;


    /* middle */
    --typography-label-middle-font-size--sm: 14px;
    --typography-label-middle-font-size--md: 14.5px;
    --typography-label-middle-font-size--lg: 15px;
    --typography-label-middle-font-size--xl: 15.5px;
    --typography-label-middle-font-size--xxl: 16px;

    --typography-label-middle-line-height--sm: 16px;
    --typography-label-middle-line-height--md: 16.5px;
    --typography-label-middle-line-height--lg: 17px;
    --typography-label-middle-line-height--xl: 17.5px;
    --typography-label-middle-line-height--xxl: 18px;

    /* large */
    --typography-label-large-font-size--sm: 16px;
    --typography-label-large-line-height--sm: 18px;

    --typography-label-large-font-size--md: 16.5px;
    --typography-label-large-line-height--md: 18.5px;

    --typography-label-large-font-size--lg: 17px;
    --typography-label-large-line-height--lg: 19px;

    --typography-label-large-font-size--xl: 17.5px;
    --typography-label-large-line-height--xl: 19.5px;

    --typography-label-large-font-size--xxl: 18px;
    --typography-label-large-line-height--xxl: 20px;



    /* CONFIGURAÇÕES*/

    /* botões */
    --button-font-weight: 600;
    --button-radius: 3px;
    --button-padding: 0 20px 0 20px;
    --button-gap--sm: 5px;
    --button-gap--md: 6px;
    --button-gap--lg: 7px;
    --button-gap--xl: 8px;
    --button-gap--xxl: 10px;
    --button-font-size--sm: var(--typography-label-small-font-size--sm);
    --button-font-size--md: var(--typography-label-small-font-size--md);
    --button-font-size--lg: var(--typography-label-small-font-size--lg);
    --button-font-size--xl: var(--typography-label-small-font-size--xl);
    --button-font-size--xxl: var(--typography-label-small-font-size--xxl);
    --button-line-height--sm: var(--typography-label-small-line-height--sm);
    --button-line-height--md: var(--typography-label-small-line-height--md);
    --button-line-height--lg: var(--typography-label-small-line-height--lg);
    --button-line-height--xl: var(--typography-label-small-line-height--xl);
    --button-line-height--xxl: var(--typography-label-small-line-height--xxl);
    --button-height--sm: 40px;
    --button-height--md: 41px;
    --button-height--lg: 42px;
    --button-height--xl: 43px;
    --button-height--xxl: 45px;


    /* seções*/
    --section-padding-small--sm: 15px 0 15px 0;
    --section-padding-small--md: 25px 0 25px 0;
    --section-padding-small--lg: 30px 0 30px 0;
    --section-padding-small--xl: 35px 0 35px 0;
    --section-padding-small--xxl: 40px 0 40px 0;

    --section-padding-middle--sm: 25px 0 25px 0;
    --section-padding-middle--md: 35px 0 35px 0;
    --section-padding-middle--lg: 45px 0 45px 0;
    --section-padding-middle--xl: 55px 0 55px 0;
    --section-padding-middle--xxl: 60px 0 60px 0;

    --section-padding-large--sm: 35px 0 35px 0;
    --section-padding-large--md: 55px 0 55px 0;
    --section-padding-large--lg: 65px 0 65px 0;
    --section-padding-large--xl: 70px 0 70px 0;
    --section-padding-large--xxl: 80px 0 80px 0;


    /* formulário */
    --form-input-background: #FFF;
    --form-input-color: var(--default-regular);
    --form-input-border: 1px solid #A0A8AB;
    --form-input-outline: 2px solid var(--secondary-regular);
    --form-input-border-radius: 0;
    --form-input-padding: 0 20px 0 20px;
    --form-input-height--sm: 40px;
    --form-input-height--md: 42px;
    --form-input-height--lg: 44px;
    --form-input-height--xl: 46px;
    --form-input-height--xxl: 50px;
    --form-input-font-weight: 400;
    --form-input-font-size--sm: var(--typography-label-middle-font-size--sm);
    --form-input-font-size--md: var(--typography-label-middle-font-size--md);
    --form-input-font-size--lg: var(--typography-label-middle-font-size--lg);
    --form-input-font-size--xl: var(--typography-label-middle-font-size--xl);
    --form-input-font-size--xxl: var(--typography-label-middle-font-size--xxl);
    --form-input-line-height--sm: var(--typography-label-middle-line-height--sm);
    --form-input-line-height--md: var(--typography-label-middle-line-height--md);
    --form-input-line-height--lg: var(--typography-label-middle-line-height--lg);
    --form-input-line-height--xl: var(--typography-label-middle-line-height--xl);
    --form-input-line-height--xxl: var(--typography-label-middle-line-height--xxl);

}



/* DEFINIÇÕES */


*
{
    box-sizing: border-box;
}