.ui, .landing-page, .public-layout {
  background-image: url('https://typie.net/images/25/07/N/Ne/NeRsGxbKbSkRSu6pU1yS8.png') !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: #138f81 !important;
}

/* 모든 기본 버튼의 색상 */
.button {
    background-color: #26a999 !important; /* 기본 버튼 배경색 (예: 보라색 계열) */
    color: #eaeaea !important; /* 기본 버튼 글자색 (예: 흰색) */
    border-radius: 8px; /* 버튼 모서리 둥글게 */
    padding: 8px 16px; /* 버튼 패딩 */
    transition: background-color 0.3s ease; /* 부드러운 색상 전환 효과 */
}
.layout-single-column .account__header__tabs__buttons .button, .layout-single-column .account .account__relationship>.button {
  border: none !important;
}


/* 버튼에 마우스를 올렸을 때 (호버 시) 색상 */
.button:hover {
    background-color: #5cb25a !important; /* 호버 시 버튼 배경색 (더 진한 보라색) */
    color: #eaeaea !important; /* 호버 시 버튼 글자색 */
}
span.server-description-text {
  color: #138f81 !important;  /* 원하는 색으로 변경 */
}

/* 다른 span 예시 (디폴트 상태에서 글자색 변경) */
span {
  color: #138f81 !important;  /* 기본 글자 색상 변경 */
}
.layout-single-column .account__header__tabs__name h1 span {
  color: #000 !important;
}

a.column-link.column-link--logo {
  background-image: url('https://typie.net/images/25/07/I/In/InEbhBOJ6H4QIqi4HmlvB.png') !important;
  background-size: contain !important;  /* 배경 이미지 크기 조정 */
  background-repeat: no-repeat !important;  /* 반복하지 않도록 설정 */
  background-position: center center !important;  /* 이미지 중앙 정렬 */
  width: 300px !important;  /* 로고 너비 */
  height: 100px !important;  /* 로고 높이 */
  display: block !important;  /* a 태그를 block으로 설정하여 배경 이미지가 제대로 적용되게 함 */
}

/* 검색창 */
.search__input {
  background: rgba(92, 178, 90, 0.25) !important;  /* 배경 색상 */
  border-color: #26a999 !important;  /* 테두리 색상 */
  color: #26a999 !important;  /* 글자 색상 */
  font-weight: 500 !important;
}
.search__input::placeholder {
  color: #26a999 !important;  /* 글자 색상 */
  font-weight: 500 !important;
}

/* 툿 입력창 */
.autosuggest-textarea__textarea .compose-form__buttons-wrapper {
  /* background: rgba(92, 178, 90, 0.4) !important;  배경 색상 */
} 
.autosuggest-textarea__textarea:focus {
  background: rgba(92, 178, 90, 0.25) !important;
  box-shadow: none !important;
}
.autosuggest-textarea__textarea::placeholder {
  color: #26a999 !important;
  font-weight: 500 !important;
}
.autosuggest-textarea__textarea {
  color: #000 !important;  /* 작성 시 글자 색상 */
  font-weight: 400 !important;  /* 글자 굵기 */
}
/* 답변 시 상단 툿 */
.reply-indicator {
  border: none !important;  /* 테두리 삭제 */
}
.layout-single-column .reply-indicator {
  background-color: #DAF5C4 !important;  /* 배경 색상 */
}

/* 시간 */
time {
  color: #138f81 !important;
}

/* 확인창 (툿 삭제 등) - 취소 버튼 */
.button.confirmation-modal__cancel-button {
  background-color: #fff !important;
}
.button.confirmation-modal__cancel-button:hover {
  background-color: #eee !important;
}

/* 경고창 (메인) */
.warning-banner {
  background: rgba(92, 178, 90, 0.25) !important;  /* 배경 색상 */
  border-color: #26a999 !important;  /* 테두리 색상 */
  color: #26a999 !important;  /* 글자 색상 */
}
.dismissable-banner__action .icon-button, .warning-banner__action .icon-button {
  color: #26a999 !important;
}

/* 서버 설정 내 버튼 색상 */
.simple_form .block-button, .simple_form .button, .simple_form button {
  background-color: #26a999 !important;
  color: #eaeaea !important;
}
/* 서버 설정 내 세부 리스트 색상 */
.admin-wrapper .content__heading__tabs a.selected {
  background-color: #26a999 !important;
}
/* 서버 설정 내 리스트 색상 */
.admin-wrapper .sidebar ul .simple-navigation-active-leaf a {
  background-color: #26a999 !important;
}

/* 환경변수 수정 */
body.theme-default.layout-single-column {
  --color-bg-compose-form: rgba(92, 178, 90, 0.2) !important;
  --color-bg-compose-form-focus: rgba(92, 178, 90, 0.1) !important;
  --color-accent-dark: #26a999 !important;
  --color-dim: #26a999 !important;
  --bg-image: none !important;
}