/**
 * COREN brand primary — #2fa77a
 * Load after app.css to unify buttons, links, and Bootstrap tokens.
 */
:root {
    --coren-primary: #2fa77a;
    --coren-primary-rgb: 47, 167, 122;
    --coren-primary-dark: #268f66;
    --coren-primary-darker: #1f7352;
    --coren-primary-subtle: rgba(47, 167, 122, 0.1);
    --coren-primary-subtle-hover: rgba(47, 167, 122, 0.18);

    --bs-primary: var(--coren-primary);
    --bs-primary-rgb: var(--coren-primary-rgb);
    --bs-link-color: var(--coren-primary);
    --bs-link-hover-color: var(--coren-primary-dark);
    --bs-success: var(--coren-primary);
    --bs-success-rgb: var(--coren-primary-rgb);
}

.btn-primary {
    --bs-btn-bg: var(--coren-primary);
    --bs-btn-border-color: var(--coren-primary);
    --bs-btn-hover-bg: var(--coren-primary-dark);
    --bs-btn-hover-border-color: var(--coren-primary-dark);
    --bs-btn-active-bg: var(--coren-primary-darker);
    --bs-btn-active-border-color: var(--coren-primary-darker);
    --bs-btn-disabled-bg: var(--coren-primary);
    --bs-btn-disabled-border-color: var(--coren-primary);
    color: #fff !important;
    background-color: var(--coren-primary) !important;
    border-color: var(--coren-primary) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    color: #fff !important;
    background-color: var(--coren-primary-dark) !important;
    border-color: var(--coren-primary-dark) !important;
}

.btn-success {
    --bs-btn-bg: var(--coren-primary);
    --bs-btn-border-color: var(--coren-primary);
    --bs-btn-hover-bg: var(--coren-primary-dark);
    --bs-btn-hover-border-color: var(--coren-primary-dark);
    --bs-btn-active-bg: var(--coren-primary-darker);
    --bs-btn-active-border-color: var(--coren-primary-darker);
    color: #fff !important;
    background-color: var(--coren-primary) !important;
    border-color: var(--coren-primary) !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    color: #fff !important;
    background-color: var(--coren-primary-dark) !important;
    border-color: var(--coren-primary-dark) !important;
}

.btn-outline-primary {
    --bs-btn-color: var(--coren-primary);
    --bs-btn-border-color: var(--coren-primary);
    --bs-btn-hover-bg: var(--coren-primary);
    --bs-btn-hover-border-color: var(--coren-primary);
    --bs-btn-active-bg: var(--coren-primary-dark);
    --bs-btn-active-border-color: var(--coren-primary-dark);
}

.text-primary {
    color: var(--coren-primary) !important;
}

.bg-primary {
    background-color: var(--coren-primary) !important;
}

.border-primary {
    border-color: var(--coren-primary) !important;
}