:root {
    --bs-primary: #70866f;
    --kt-primary: #70866f;
    --kt-primary-active: #5a6b59;
    --kt-primary-light: #e8ece8;
    --kt-primary-inverse: #ffffff;
}

[data-bs-theme="light"] {
    --bs-primary: #70866f;
    --kt-primary: #70866f;
    --kt-primary-active: #5a6b59;
    --kt-primary-light: #e8ece8;
    --kt-primary-inverse: #ffffff;
}

[data-bs-theme="dark"] {
    --bs-primary: #70866f;
    --kt-primary: #70866f;
    --kt-primary-active: #5a6b59;
    --kt-primary-light: #e8ece8;
    --kt-primary-inverse: #ffffff;
}

/* Override Metronic specific classes */
.btn-primary {
    background-color: var(--kt-primary) !important;
    border-color: var(--kt-primary) !important;
}

.btn-primary:hover {
    background-color: var(--kt-primary-active) !important;
    border-color: var(--kt-primary-active) !important;
}

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

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

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

.inactive-card {
    opacity: 0.4;
    filter: grayscale(100%);
}

.staff-action-icons {
    position: absolute;
    top: 10px;
    right: 15px;
    display: flex;
    gap: 8px;
    opacity: 0;
    transition: opacity 0.2s;
    z-index: 2;
}
.card.staff-card {
    position: relative;
    overflow: visible;
}
.card.staff-card:hover .staff-action-icons {
    opacity: 1;
}

.avatar-wrapper {
    position: relative;
    display: inline-block;
}
.crown-icon {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #ffe066;
    border-radius: 50%;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    z-index: 2;
    border: 2px solid #fff;
}
.crown-icon svg {
    width: 20px;
    height: 20px;
    color: #7c5c00;
}