:root {
    --primary-color: #a6be0f;
    --primary-color-light: #c9ea1f;
    --primary-color-dark: #6f9a0a;

    --primary-font: "Sora", "Segoe UI", Arial, sans-serif;
    --secondary-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

    --body-color: #141714;

    --black-color: #0d130c;

    --text-color: #e6eae3;
    --title-color: #ffffff;

    --separator-color: rgba(255, 255, 255, 0.07);

    --primary-gradient: linear-gradient(100deg, var(--primary-color-light) 0%, var(--primary-color) 45%, var(--primary-color-dark) 100%);
    --primary-shadow-gradient: 0 10px 34px rgba(166, 190, 15, 0.35);
}


body #fl-main-content {
    background-color: var(--body-color);
}


/******************* BUTTONS **************************/
/*****************************************************/

#fl-main-content .primary-button a.fl-button,
#main_header .primary-button a.fl-button,
#main_footer .primary-button a.fl-button {
    font-family: var(--secondary-font);
    border-radius: 255px;
    background: var(--primary-gradient);
    font-weight: 600;
    font-size: 16px;
    color: var(--black-color);
    border: none;
    transition: all .2s ease;
}

#fl-main-content .primary-button a.fl-button span,
#main_header .primary-button a.fl-button span,
#main_footer .primary-button a.fl-button span {
    color: inherit;
}

#fl-main-content .primary-button a.fl-button i.fl-button-icon,
#main_header .primary-button a.fl-button i.fl-button-icon,
#main_footer .primary-button a.fl-button i.fl-button-icon {
    color: inherit;
    font-size: inherit;
}

/*--- hover styles ---*/


#fl-main-content .primary-button a.fl-button:hover,
#main_header .primary-button a.fl-button:hover,
#main_footer .primary-button a.fl-button:hover {
    transform: translateY(-4px);
    box-shadow: var(--primary-shadow-gradient);
    filter: brightness(1.06);
}