/* -------------------------------------------------------------------------- */
/*                                Falcon Button                               */
/* -------------------------------------------------------------------------- */
/* prettier-ignore */
/*# sourceMappingURL=user.css.map */

body {
    font-size: .9em
}

.btn-primary {
    background-color: #1AAB60;
    border-color: forestgreen;
}

.bg-third {
    background-color: mediumseagreen;
    border-color: forestgreen;
}

    .btn-primary:hover {
        background-color: mediumseagreen; /* Lighter green for hover */
        border-color: seagreen;
    }

.btn-primary:visited {
    background-color: #1AAB60; /* Different color for visited */
    border-color: forestgreen;
}

    .btn-primary:focus {
        outline: 2px solid limegreen; /* Add an outline to indicate focus */
    }

    .btn-primary:disabled {
        background-color: grey;
        border-color: darkgrey;
    }

    .btn-primary:active {
        color: var(--falcon-btn-active-color) !important;
        background-color: var(--falcon-btn-active-bg) !important;
        border-color: var(--falcon-btn-active-border-color) !important;
        box-shadow: var(--falcon-btn-active-shadow) !important;
    }

:root,
[data-bs-theme=light] {
    --falcon-primary: #1AAB60;
    --falcon-primary-rgb: 0, 100, 0;
    --falcon-btn-color: #fff; /* White text color for all button states */
    /* Primary button background and border color */
    --falcon-btn-bg: #1AAB60; /* Updated primary background color */
    --falcon-btn-border-color: forestgreen; /* Updated primary border color */
    /* Hover state */
    --falcon-btn-hover-color: #fff; /* White text color for hover state */
    --falcon-btn-hover-bg: mediumseagreen; /* Lighter green for hover background */
    --falcon-btn-hover-border-color: seagreen; /* Lighter green for hover border */
    /* Focus state */
    --falcon-btn-focus-shadow-rgb: 50, 205, 50; /* Limegreen color for focus shadow, in RGB */
    /* Active (and visited) state */
    --falcon-btn-active-color: #fff; /* White text color for active state */
    --falcon-btn-active-bg: #1AAB60; /* Same as primary background color */
    --falcon-btn-active-border-color: forestgreen; /* Same as primary border color */
    --falcon-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); /* Shadow for active state */
    /* Disabled state */
    --falcon-btn-disabled-color: #fff; /* White text color for disabled state */
    --falcon-btn-disabled-bg: grey; /* Grey background for disabled state */
    --falcon-btn-disabled-border-color: darkgrey; /* Dark grey border for disabled state */
    /* Primary Button Styles */
    --falcon-btn-color: #fff; /* Text color */
    --falcon-btn-bg: #1AAB60; /* Background color */
    --falcon-btn-border-color: forestgreen; /* Border color */
    /* Button Hover State Styles */
    --falcon-btn-hover-color: #fff; /* Text color on hover */
    --falcon-btn-hover-bg: mediumseagreen; /* Background color on hover */
    --falcon-btn-hover-border-color: seagreen; /* Border color on hover */
    /* Button Focus State Styles */
    --falcon-btn-focus-shadow-rgb: 50, 205, 50; /* Shadow color for focus (limegreen in RGB) */
    /* Button Active State Styles */
    --falcon-btn-active-color: #fff; /* Text color when active */
    --falcon-btn-active-bg: #1AAB60; /* Background color when active (same as primary) */
    --falcon-btn-active-border-color: forestgreen; /* Border color when active (same as primary) */
    --falcon-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); /* Shadow when active */
    /* Button Disabled State Styles */
    --falcon-btn-disabled-color: #fff; /* Text color when disabled */
    --falcon-btn-disabled-bg: grey; /* Background color when disabled */
    --falcon-btn-disabled-border-color: darkgrey; /* Border color when disabled */

    ... ... ...
    /* grays */
    --falcon-gray-100: #f9fafd;
    --falcon-gray-100-rgb: 249, 250, 253;
}