
:root {
    --bs-primary: #61c200;
    --bs-primary-rgb: 97, 194, 0;
    --bs-secondary: #6c757d;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-link-color: #61c200;
    --bs-link-color-rgb: 97, 194, 0;
    --bs-link-hover-color: #4f9f00;
    --dr-primary-tint-soft: #f3faed;
    --dr-primary-tint-med: #e7f5d8;
    --dr-primary-tint-hard: #cfecb2;
}

/* ── Buttons ───────────────────────────────────── */
.btn-primary {
    --bs-btn-bg: #61c200;
    --bs-btn-border-color: #61c200;
    --bs-btn-hover-bg: #4f9f00;
    --bs-btn-hover-border-color: #4f9f00;
    --bs-btn-active-bg: #4f9f00;
    --bs-btn-active-border-color: #4f9f00;
    --bs-btn-disabled-bg: #61c200;
    --bs-btn-disabled-border-color: #61c200;
    background-color: #61c200 !important;
    border-color: #61c200 !important;
    color: #fff !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-primary.active, .show > .btn-primary.dropdown-toggle {
    background-color: #4f9f00 !important;
    border-color: #4f9f00 !important;
    color: #fff !important;
}
.btn-outline-primary {
    --bs-btn-color: #61c200;
    --bs-btn-border-color: #61c200;
    --bs-btn-hover-bg: #61c200;
    --bs-btn-hover-border-color: #61c200;
    --bs-btn-active-bg: #61c200;
    background-color: transparent !important;
    border-color: #61c200 !important;
    color: #61c200 !important;
}
.btn-outline-primary:hover, .btn-outline-primary:active {
    background-color: #61c200 !important;
    color: #fff !important;
}

/* Neutral secondary buttons that work with any primary */
.btn-secondary {
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-bg: #585f66;
    --bs-btn-hover-border-color: #585f66;
    --bs-btn-active-bg: #585f66;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    color: #fff !important;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active,
.btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
    background-color: #585f66 !important;
    border-color: #585f66 !important;
    color: #fff !important;
}
.btn-outline-secondary {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-active-bg: #6c757d;
    background-color: transparent !important;
    border-color: #6c757d !important;
    color: #6c757d !important;
}
.btn-outline-secondary:hover, .btn-outline-secondary:active {
    background-color: #6c757d !important;
    color: #fff !important;
}

/* ── Sub-header (breadcrumb bar) ───────────────── */
.dr-app-header {
    background-color: #f3faed !important;
    border-bottom-color: #cfecb2 !important;
}
.dr-app-header .breadcrumb-item a { color: #61c200; }
.dr-app-header .breadcrumb-item a:hover { color: #4f9f00; }
.dr-app-header .breadcrumb-item.active { color: #6c757d; }

/* ── Table ─────────────────────────────────────── */
.table thead.table-light th, .table thead.table-light td,
.table > thead > tr > th {
    background-color: #e7f5d8 !important;
    border-bottom-color: #cfecb2 !important;
    color: #212529;
}
.table-hover > tbody > tr:hover > * {
    background-color: #f3faed;
}

/* ── Utility classes ───────────────────────────── */
.text-primary { color: #61c200 !important; }
.bg-primary { background-color: #61c200 !important; }
.border-primary { border-color: #61c200 !important; }
.badge.bg-primary, .badge.text-bg-primary { background-color: #61c200 !important; }
a { color: #61c200; }
a:hover { color: #4f9f00; }

/* ── Navbar ────────────────────────────────────── */
.dr-app-navbar {
    background-color: #f4fff0 !important;
    color: #000000;
}
.dr-app-navbar .nav-link, .dr-app-navbar .navbar-brand {
    color: #000000 !important;
    opacity: 1;
}
.dr-app-navbar .nav-link:hover, .dr-app-navbar .navbar-brand:hover {
    color: #000000 !important;
    opacity: 0.8;
}
.dr-app-navbar .navbar-toggler-icon {
    filter: invert(0);
}
.dr-app-navbar .dropdown-menu .dropdown-item { color: #212529; }
