/* Duasisi Money Changer palette, sampled from duasisimoneychanger.co.id */
:root {
    --brand-green: #0a4d35;
    --brand-green-600: #0f6b4a;
    --brand-green-logo: #007040;
    --brand-amber: #ffa000;
    --brand-tint: #e9f3ed;
    --brand-ink: #333;
}

body { color: var(--brand-ink); }

.navbar-brand img { height: 30px; width: auto; }

.navbar.brand-bar {
    background: #fff;
    border-bottom: 3px solid var(--brand-green);
}
.navbar.brand-bar .nav-link { color: var(--brand-green); font-weight: 500; }
.navbar.brand-bar .nav-link:hover,
.navbar.brand-bar .nav-link.active { color: var(--brand-amber); }

a { color: var(--brand-green); }
a:hover { color: var(--brand-green-600); }

.btn-primary {
    --bs-btn-bg: var(--brand-green);
    --bs-btn-border-color: var(--brand-green);
    --bs-btn-hover-bg: var(--brand-green-600);
    --bs-btn-hover-border-color: var(--brand-green-600);
    --bs-btn-active-bg: var(--brand-green-600);
    --bs-btn-active-border-color: var(--brand-green-600);
    --bs-btn-disabled-bg: var(--brand-green);
    --bs-btn-disabled-border-color: var(--brand-green);
}
.btn-outline-primary {
    --bs-btn-color: var(--brand-green);
    --bs-btn-border-color: var(--brand-green);
    --bs-btn-hover-bg: var(--brand-green);
    --bs-btn-hover-border-color: var(--brand-green);
    --bs-btn-active-bg: var(--brand-green-600);
    --bs-btn-active-border-color: var(--brand-green-600);
}

.card-header { background-color: var(--brand-tint); font-weight: 600; }
.alert-info { --bs-alert-bg: var(--brand-tint); --bs-alert-border-color: #cfe3d8; --bs-alert-color: var(--brand-green); }
.table > thead { background-color: var(--brand-tint); }
.badge.text-bg-success { background-color: var(--brand-green) !important; }

/* Amber is the accent from the logo mark: it marks what needs a human decision. */
.badge.text-bg-warning { background-color: var(--brand-amber) !important; color: #111 !important; }
.brand-mark { color: var(--brand-amber); }
