/* =========================
   HopeFarms – Brand Styles
   Tilt Green
   ========================= */

:root {
    --brand: #1f9d55;
    /* tilt green */
    --brand-hover: #178a49;
    /* darker */
    --brand-soft: #e8f6ef;
    /* light bg */
    --brand-rgb: 31, 157, 85;

    /* Bootstrap primary override */
    --bs-primary: var(--brand);
    --bs-primary-rgb: var(--brand-rgb);
}

/* Primary button becomes tilt green */
.btn-primary {
    --bs-btn-bg: var(--brand);
    --bs-btn-border-color: var(--brand);
    --bs-btn-hover-bg: var(--brand-hover);
    --bs-btn-hover-border-color: var(--brand-hover);
    --bs-btn-active-bg: var(--brand-hover);
    --bs-btn-active-border-color: var(--brand-hover);
}

/* Outline primary */
.btn-outline-primary {
    --bs-btn-color: var(--brand);
    --bs-btn-border-color: var(--brand);
    --bs-btn-hover-bg: var(--brand);
    --bs-btn-hover-border-color: var(--brand);
    --bs-btn-hover-color: #fff;
    --bs-btn-active-bg: var(--brand-hover);
    --bs-btn-active-border-color: var(--brand-hover);
}

/* Utilities */
.bg-primary {
    background-color: var(--brand) !important;
}

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

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

.bg-brand-soft {
    background-color: var(--brand-soft) !important;
}

/* Custom helpers */
.text-brand {
    color: var(--brand) !important;
}

.badge-brand {
    background-color: var(--brand) !important;
    color: #fff !important;
}

.link-brand {
    color: var(--brand);
    text-decoration: none;
}

.link-brand:hover {
    color: var(--brand-hover);
}

/* AdminLTE sidebar accents (when you start dashboard) */
.nav-sidebar .nav-link.active,
.nav-sidebar .nav-link:hover {
    background-color: var(--brand-soft);
    color: var(--brand);
}

/* Cards & hero accent */
.soft-card {
    border: 1px solid rgba(31, 157, 85, .18);
    border-radius: 18px;
}

.rounded-2xl {
    border-radius: 18px;
}

.badge-soft {
    background: rgba(31, 157, 85, .10);
    color: #0f5132;
}

.hero-grad {
    background:
        radial-gradient(1200px 600px at 10% 10%, rgba(31, 157, 85, .12), transparent 60%),
        radial-gradient(800px 400px at 90% 20%, rgba(31, 157, 85, .10), transparent 60%);
}

.section-pad {
    padding: 72px 0;
}

/* AdminLTE 4 active nav highlight */
.sidebar-menu .nav-link.active,
.sidebar-menu .nav-link:hover {
    background-color: var(--brand-soft);
    color: var(--brand);
}