:root {
    /* General */
    --primary: #333333;
    --primary-hover: #ffffff;
    --primary-text: #ffffff;
    --primary-text-hover: #33333;
    --secondary: #009492;
    --error: #ef4444;
    --main-text: #333333;
    --main-font-family: "PT Sans Narrow", sans-serif;
    --secondary-font-family: "Catamaran", sans-serif;
    /* Fim General */

    /* External */
    --external-bg: #000;
    --external-text: #fff;
    --external-font-family: "PT Sans Narrow", sans-serif;

    --external-form-bg: #000;
    --external-body-text: #fff;

    --external-button-bg: transparent;
    --external-button-text: #fff;
    --external-button-border: transparent;

    --external-button-bg-hover: transparent;
    --external-button-text-hover: #c3c3c3;
    --external-button-border-hover: transparent;
    /* Fim External */

    /* Participante */
    --participant-header-bg: #000;
    --participant-header-text: #fff;
    --participant-header-font-family: "Catamaran", sans-serif;

    --participant-header-divisor: transparent;

    --participant-header-link: #fff;
    --participant-header-link-hover: #c3c3c3;

    --participant-header-menu-link: #fff;
    --participant-header-menu-link-hover: #c3c3c3;
    --participant-header-menu-link-bg-hover: rgba(255, 255, 255, 0.15);

    --participant-header-mobile-bg: #000;
    --participant-header-mobile-logout-text: #fff;
    --participant-header-mobile-logout-text-hover: #c3c3c3;
    --participant-header-mobile-logout-bg: #000;
    --participant-header-mobile-logout-bg-hover: #000;

    --participant-footer-font-family: "Catamaran", sans-serif;
    --participant-footer-bg: #000;
    --participant-footer-text: #fff;

    --participant-home-box-bg: #fcd093;
    --participant-home-box-text: #112A46;
    --participant-home-box-header-bg: #fcd093;
    --participant-home-box-header-text: #112A46;

    --feature-product-card-header-text: #112A46;
    --feature-product-card-badge-bg: #112A46;
    --feature-product-card-badge-text: #333333;
    --feature-product-card-bg: rgb(249,249,249);
    --feature-product-card-text: #112A46;
    --feature-product-card-stripe-bg: #dadada;
    --feature-product-card-stripe-text: #ffffff;
    /* Fim Participante */

    --basic: #f7efdc;
    --primaryText: #fff;
    --cta: #fff;
    --ctaText: #fff;
    --contrast: #f3c604;
    --contrastText: #000;
    --bs-primary-rgb: 243, 198, 4 !important;

    --mainText: #1d1915;
    --externalBg: #1d1915;
    --formExternalText: var(--mainText, #000);
    --formExternalBg: #112A46;
    --formExternalButtonText: var(--formExternalText, #000);
    --formExternalButtonBorder: transparent;
    --formExternalButtonBg: transparent;
    --formExternalButtonTextHover: #fff;
    --formExternalButtonBgHover: transparent;

    /* Login */
    --formLoginText: #1d1915;
    --formLoginBg: transparent;
    --formLoginButtonText: var(--formExternalText, #fff);
    --formLoginButtonBorder: transparent;
    --formLoginButtonBg: transparent;
    --formLoginButtonTextHover: #112A46;
    --formLoginButtonBgHover: transparent;

    /* First Access */
    --formFirstAccessBg: transparent;
    --formFirstAccessText: var(--formExternalText);
    --formFirstAccessButtonText: var(--formExternalText, #fff);
    --formFirstAccessButtonBorder: transparent;
    --formFirstAccessButtonBg: transparent;
    --formFirstAccessButtonTextHover: #112A46;
    --formFirstAccessButtonBgHover: transparent;

    /* Forgot Password */
    --formForgotPasswordBg: transparent;
    --formForgotPasswordText: var(--formExternalText);
    --formForgotPasswordButtonText: var(--formExternalText, #fff);
    --formForgotPasswordButtonBorder: transparent;
    --formForgotPasswordButtonBg: transparent;
    --formForgotPasswordButtonTextHover: #112A46;
    --formForgotPasswordButtonBgHover: transparent;

    /* Contact Us */
    --formContactUsBg: transparent;
    --formContactUsText: var(--formExternalText);
    --formContactUsButtonText: var(--formExternalText, #fff);
    --formContactUsButtonBorder: transparent;
    --formContactUsButtonBg: transparent;
    --formContactUsButtonTextHover: #112A46;
    --formContactUsButtonBgHover: transparent;

    /* Back */
    --formBackBg: transparent;
    --formBackButtonText: var(--formExternalText, #fff);
    --formBackButtonBorder: transparent;
    --formBackButtonBg: transparent;
    --formBackButtonTextHover: #112A46;
    --formBackButtonBgHover: transparent;

    /* Interno */
    --formInternalBg: #fff;
    --formInternalText: #fff;
    --formInternalHeader: #fff top left no-repeat;
    --formInternalHeaderText: var(--formInternalText, #000);

    --sideBreather: 60px;
}

.footer {
    --min-height: 160px;
    --height: 160px;
    --background: #1d1915 top left no-repeat;
    --padding: 30px 0;
    --logoMargin: 0 1rem;
    --logoSize: 100%;
    --menuBorder: #112A46;
    --primary: #fff;

    --main-color: #ffffff;
    --secondary-color: #ffffff;
}

@media (max-width: 767px) {
    :root {
        --sideBreather: 15px;
    }
}