:root {
    --bleaf-dark: #3B6109;
    --bleaf-green: #5c8a1e;
    --bleaf-accent: #76923C;
    --bleaf-light: #f2f6eb;
}

.bg-bleaf {
    background-color: var(--bleaf-dark) !important;
}

.btn-bleaf {
    background-color: var(--bleaf-dark);
    border-color: var(--bleaf-dark);
    color: #ffffff;
}

.btn-bleaf:hover, .btn-bleaf:focus {
    background-color: #2d4b07;
    border-color: #2d4b07;
    color: #ffffff;
}

.btn-outline-bleaf {
    color: var(--bleaf-dark);
    border-color: var(--bleaf-dark);
}

.btn-outline-bleaf:hover {
    background-color: var(--bleaf-dark);
    color: #ffffff;
}

.text-bleaf {
    color: var(--bleaf-dark) !important;
}

.card-header-bleaf {
    background-color: var(--bleaf-light);
    border-bottom: 1px solid #dce6cc;
    color: var(--bleaf-dark);
    font-weight: 600;
}

.indented-row-input {
    padding-left: 2.2rem !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236c757d' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.5 1.5A.5.5 0 0 0 1 2v4.8a2.5 2.5 0 0 0 2.5 2.5h9.793l-3.347 3.346a.5.5 0 0 0 .708.708l4.2-4.2a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 8.3H3.5A1.5 1.5 0 0 1 2 6.8V2a.5.5 0 0 0-.5-.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0.65rem center;
}

.placeholder-badge {
    cursor: pointer;
    user-select: none;
    transition: all 0.15s ease-in-out;
}

.placeholder-badge:hover {
    background-color: var(--bleaf-dark) !important;
    color: #fff !important;
}