:root {
    --zuellig-sky: #AEE0E8;
    --zuellig-pale-green: #D9ECD2;
    --zuellig-light-green: #E4F2E7;
    --zuellig-ivory: #F5FAF2;
    --zuellig-deep-teal: #204D4C;
    --zuellig-green: #51A090;
}

/* 배경색 클래스 */
.bg-zuellig-sky {
    background-color: var(--zuellig-sky) !important;
}

.bg-zuellig-pg {
    background-color: var(--zuellig-pale-green) !important;
}

.bg-zuellig-lg {
    background-color: var(--zuellig-light-green) !important;
}

.bg-zuellig-iv {
    background-color: var(--zuellig-ivory) !important;
}

.bg-zuellig-dt {
    background-color: var(--zuellig-deep-teal) !important;
}

.bg-zuellig-zg {
    background-color: var(--zuellig-green) !important;
}

/* 텍스트 색상 클래스 */
.text-zuellig-sky {
    color: var(--zuellig-sky) !important;
}

.text-zuellig-dt {
    color: var(--zuellig-deep-teal) !important;
}

.text-zuellig-zg {
    color: var(--zuellig-green) !important;
}

/* 버튼 기본 스타일 */
.btn-zuellig {
    border: none !important;
    padding: 10px 20px !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
}

/* 버튼 색상별 스타일 */
.btn-zuellig-sky {
    background-color: var(--zuellig-sky) !important;
    color: var(--zuellig-deep-teal) !important;
}

.btn-zuellig-pg {
    background-color: var(--zuellig-pale-green) !important;
    color: var(--zuellig-deep-teal) !important;
}

.btn-zuellig-lg {
    background-color: var(--zuellig-light-green) !important;
    color: var(--zuellig-deep-teal) !important;
}

.btn-zuellig-iv {
    background-color: var(--zuellig-ivory) !important;
    color: var(--zuellig-deep-teal) !important;
}

.btn-zuellig-dt {
    background-color: var(--zuellig-deep-teal) !important;
    color: white !important;
}

.btn-zuellig-zg {
    background-color: var(--zuellig-green) !important;
    color: white !important;
}

.tui-grid-cell-editable {
    background-color: #F5FAF2 !important;
}