body {
  background-color: #F0F0EF !important;
}

.column-panel {
  background-color: #FFFFFF !important;
}


/* ░░░ 상단 헤더 바 영역 색상 변경 ░░░ */
.ui__header,
.navigation-bar,
.column-header {
  background-color: #F0F0EF !important;
  color: #3E3E3E !important;
  border-bottom: 1px solid #DCDCDC !important;
}

/* 탭 안 텍스트 및 버튼 컬러 */
.column-header__wrapper,
.column-header__title,
.column-header__back-button,
.ui__header__logo {
  color: #3E3E3E !important;
}

/* 알림 탭 등 active 상태 보정 */
.column-link--active {
  background-color: #E6E6E5 !important;
  border-radius: 6px;
}

/* 아이콘 hover 시 */
.column-link:hover {
  background-color: #EAEAE9 !important;
}
/* ░░░ GNB 메뉴 (홈 / 알림 / 탐색 등) 선택된 항목 색상 ░░░ */
.column-link--active {
  color: #5E5956 !important;
  fill: #5E5956 !important;
}

.column-link--active .fa,
.column-link--active .fa-fw,
.column-link--active .fa-lg {
  color: #5E5956 !important;
}

.column-link--active svg {
  fill: #5E5956 !important;
}
/* ░░░ GNB 선택 항목 아이콘 및 텍스트 색상 완전 덮어쓰기 ░░░ */
.column-link--active,
.column-link--active:focus,
.column-link--active:visited,
.column-link--active:hover {
  color: #5E5956 !important;
  fill: #5E5956 !important;
  stroke: #5E5956 !important;
}

/* 내부 span, strong, svg 요소도 완전 지정 */
.column-link--active * {
  color: #5E5956 !important;
  fill: #5E5956 !important;
  stroke: #5E5956 !important;
}

/* 아이콘 SVG 대응 */
.column-link--active .icon,
.column-link--active svg,
.column-link--active .fa {
  fill: #5E5956 !important;
  color: #5E5956 !important;
  stroke: #5E5956 !important;
}
/* GNB 선택 탭에서 아이콘 색상 강제 변경 */
.column-link--active .column-link__icon {
  fill: #5E5956 !important;
  color: #5E5956 !important;
  stroke: #5E5956 !important;
}
/* GNB 활성 탭 색상 강제 지정 */
nav .column-link--active,
nav .column-link--active *,
nav .column-link--active .column-link__icon,
nav .column-link--active svg {
  color: #5E5956 !important;
  fill: #5E5956 !important;
  stroke: #5E5956 !important;
}
.theme-light nav .column-link--active {
  color: #5E5956 !important;
}
/* 홈 탭이 활성화됐을 때 아이콘과 텍스트 색상 */
a[href="/home"]:visited,
a[href="/home"]:active,
a[href="/home"]:focus,
a[href="/home"]:target,
a[href="/home"].active,
a[href="/home"][aria-current="page"] {
  color: #5E5956 !important;
  fill: #5E5956 !important;
}

/* 알림 탭 */
a[href="/notifications"][aria-current="page"],
a[href="/notifications"].active {
  color: #5E5956 !important;
  fill: #5E5956 !important;
}

/* 탐색 탭 */
a[href="/explore"][aria-current="page"],
a[href="/explore"].active {
  color: #5E5956 !important;
  fill: #5E5956 !important;
}
/* 공통 스타일 */
a[aria-current="page"],
a[aria-current="page"] * {
  color: #5E5956 !important;
  fill: #5E5956 !important;
}

/* 홈 */
a[href="/home"][aria-current="page"],
a[href="/home"]:visited,
a[href="/home"].active {
  color: #5E5956 !important;
  fill: #5E5956 !important;
}

/* 알림 */
a[href="/notifications"][aria-current="page"],
a[href="/notifications"].active {
  color: #5E5956 !important;
  fill: #5E5956 !important;
}

/* 탐색 */
a[href="/explore"][aria-current="page"],
a[href="/explore"].active {
  color: #5E5956 !important;
  fill: #5E5956 !important;
}

/* 멘션 (수신함) */
a[href="/notifications/mentions"][aria-current="page"] {
  color: #5E5956 !important;
  fill: #5E5956 !important;
}

/* 북마크 */
a[href="/bookmarks"][aria-current="page"] {
  color: #5E5956 !important;
  fill: #5E5956 !important;
}

/* 좋아요 */
a[href="/favourites"][aria-current="page"] {
  color: #5E5956 !important;
  fill: #5E5956 !important;
}

/* 리스트 */
a[href="/lists"][aria-current="page"] {
  color: #5E5956 !important;
  fill: #5E5956 !important;
}

/* 환경설정 */
a[href="/settings/preferences"][aria-current="page"],
a[href^="/settings"][aria-current="page"] {
  color: #5E5956 !important;
  fill: #5E5956 !important;
}

/* 서버 정보 / 약관 등 */
a[href="/about"][aria-current="page"],
a[href^="/about"][aria-current="page"],
a[href^="/terms"][aria-current="page"],
a[href^="/privacy-policy"][aria-current="page"] {
  color: #5E5956 !important;
  fill: #5E5956 !important;
}

/* ░░░ 검색 버튼 ░░░ */
.search__input__button,
.search__input__icon {
  color: #3E3E3E !important;
  fill: #3E3E3E !important;
  stroke: #3E3E3E !important;
  border-color: #3E3E3E !important;
}

/* ░░░ 글쓰기 버튼 ░░░ */
.compose-form__publish,
.compose-form__publish * {
  color: #3E3E3E !important;
  fill: #3E3E3E !important;
  stroke: #3E3E3E !important;
  border-color: #3E3E3E !important;
}
/* ░░░ 새 게시물 버튼 ░░░ */
a.button.button-secondary {
  color: #3E3E3E !important;
  border-color: #3E3E3E !important;
  background-color: transparent !important;
}

a.button.button-secondary:hover {
  background-color: #E4E2DC !important;
  color: #3E3E3E !important;
  border-color: #3E3E3E !important;
}

/* ░░░ 검색 버튼 및 아이콘 ░░░ */
.search__input__button,
.search__input__icon {
  color: #3E3E3E !important;
  fill: #3E3E3E !important;
  stroke: #3E3E3E !important;
  border-color: #3E3E3E !important;
}

/* ░░░ 글쓰기 하단 아이콘 버튼들 ░░░ */
.compose-form__footer .icon-button,
.compose-form__footer .icon-button *,
.compose-form__footer .dropdown-button,
.compose-form__footer .dropdown-button *,
.compose-form__upload-button-icon,
.compose-form__poll-button-icon {
  color: #3E3E3E !important;
  fill: #3E3E3E !important;
  stroke: #3E3E3E !important;
  border-color: #3E3E3E !important;
  background-color: transparent !important;
}

/* ░░░ hover 시에도 동일하게 유지 ░░░ */
.compose-form__footer .icon-button:hover,
.compose-form__footer .dropdown-button:hover,
.compose-form__upload-button-icon:hover,
.compose-form__poll-button-icon:hover {
  background-color: #E4E2DC !important;
  color: #3E3E3E !important;
  fill: #3E3E3E !important;
  stroke: #3E3E3E !important;
  border-color: #3E3E3E !important;
}

/* ░░░ 게시 버튼 (submit) ░░░ */
.compose-form__submit .button {
  background-color: transparent !important;
  color: #3E3E3E !important;
  border: 1px solid #3E3E3E !important;
}

.compose-form__submit .button:hover {
  background-color: #E4E2DC !important;
  color: #3E3E3E !important;
}
/* ░░░ 프라이빗 멘션 카드 배경 ░░░ */
.status.mention {
  background-color: #E4E2DC !important;
  border-left: 4px solid #5E5956 !important; /* 강조 느낌 살짝 */
  color: #3E3E3E !important;
}

/* ░░░ 멘션 안의 텍스트나 아이콘도 일치하게 ░░░ */
.status.mention * {
  color: #3E3E3E !important;
  fill: #3E3E3E !important;
}
/* ░░░ 툿 입력창 텍스트 색상 (툿쓰기 + 답글창) ░░░ */
.compose-form__textarea,
.detailed-status__action-bar textarea {
  color: #3E3E3E !important;
}

/* ░░░ placeholder 색상 조화롭게 맞추기 ░░░ */
.compose-form__textarea::placeholder,
.detailed-status__action-bar textarea::placeholder {
  color: #A5A5A5 !important;
}
/* ░░░ 툿 입력창 텍스트 색상 ░░░ */
.compose-form__textarea {
  color: #3E3E3E !important;
}

/* ░░░ 입력창 플레이스홀더 색상 ░░░ */
.compose-form__textarea::placeholder {
  color: #A5A5A5 !important;
}
/* ░░░ 툿 입력창 새 클래스 대응 ░░░ */
.autosuggest-textarea__textarea {
  color: #3E3E3E !important;
}

.autosuggest-textarea__textarea::placeholder {
  color: #A5A5A5 !important;
}

/* 계정 프로필 설명 영역 배경 */
.account__header {
  background-color: #F0F0EF !important;
}

/* 홈 타임라인 상단 흰색 배경 제거 */
.columns-area__panels,
.status__prepend,
.column-header__wrapper,
.column-header,
.detailed-status__wrapper,
.tabs-bar__wrapper,
#tabs-bar__portal {
  background-color: #F0F0EF !important;
}

/* Mastodon 로고 교체 (사이즈 조절 포함) */
.navigation-panel__logo {
  background-image: url('/main_logo.png');
  background-size: 70% auto;   /* 너비 80%로 조절 */
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 40px;                 /* 높이 줄이기 */
  margin-bottom: 6px;          /* 밑 간격 추가 (선택) */
}

/* 로고 안의 SVG 숨기기 (데스크탑 + 모바일 공통) */
.logo--wordmark,
.logo--icon {
  display: none !important;
}

@media (max-width: 768px) {
  .logo--wordmark,
  .logo--icon {
    display: none !important;
  }

  .navigation-bar__brand {
    background-image: url('/main_logo.png');
    background-size: 60% auto;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 40px;
  }
}