/* 로그인/랜딩 페이지 */
.public-layout .container,
.public-layout__header,
.landing-page__call-to-action,
body.theme-default {
  background-image: url('https://factumiactum.life/2.png') !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
}
/* 타임라인 메인 화면 */
body {
  background-image: url('https://factumiactum.life/2.png') !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
}

/* 야간/주간 모드 관계없이 배경 이미지 고정 */
@media (prefers-color-scheme: light),
       (prefers-color-scheme: dark),
       (prefers-color-scheme: no-preference) {
  body,
  .ui,
  .landing-page,
  .public-layout,
  .session-page {
    background-image: url('https://factumiactum.life/2.png') !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
    background-color: transparent !important;
  }
}

/* Mastodon 테마 클래스 직접 덮어쓰기 */
.theme-mastodon-light body,
.theme-default body,
[data-color-scheme="light"] body,
[data-color-scheme="dark"] body {
  background-image: url('https://factumiactum.life/2.png') !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
}

:root {
  --ui-highlight-color: #710202 !important;
  --classic-highlight-color: #710202 !important;
  --background-border-color: #710202 !important;
  --color-text-secondary: #540101 !important;
  --color-text-primary: #000000 !important;
}

/* 선택된 네비게이션 */
.column-link--active,
.column-link--active .column-link__icon,
.column-link--active svg {
  color: #710202 !important;
  fill: #710202 !important;
}

/* 탭 하단 강조선 */
.tabs-bar__link.active,
.tabs-bar__link:hover {
  border-bottom-color: #540101 !important;
}

/* 좋아요, 부스트 등 활성화 아이콘 */
.icon-button.active,
.status__action-bar .icon-button.active {
  color: #710202 !important;
}

/* 팔로우 버튼 */
.button {
  background-color: #710202 !important;
}

/* 입력창 포커스 테두리 */
.search__input:focus,
input[type="text"]:focus,
textarea:focus {
  border-color: #710202 !important;
}

:root {
  --color-text-brand: #710202 !important;
  --color-bg-secondary: rgba(255, 255, 255, 0.80) !important;
  --color-bg-primary: rgba(255, 255, 255, 0.80) !important;
}

/* 환경설정 저장 버튼 */
.preferences-content .button,
.simple_form .button.button-primary,
[type="submit"].button {
  background-color: #710202 !important;
  border-color: #710202 !important;
}

:root {
  --color-text-brand: #710202 !important;
  --color-bg-brand-base: #710202 !important;
  --color-bg-brand-base-hover: #540101 !important;
  --color-bg-brand-softest: #EDD6D6 !important;
 --color-border-brand-soft: #540101 !important;
  --color-text-secondary: #380101 !important;
  --account-name-color: #540101 !important;
}

/* 타임라인 컬럼 배경 */
.column > .scrollable,
.column > .scrollable.optionally-scrollable {
  background: rgba(255, 255, 255, 0.80) !important;
}

/* 게시글 작성 영역 */
.compose-form,
.compose-form__autosuggest-wrapper,
.autosuggest-textarea__textarea {
  background: rgba(255, 255, 255, 0.80) !important;
}

/* 게시글 카드 */
.status,
.status-card {
  background: rgba(255, 255, 255, 0.80) !important;
}

/* 사이드바 패널 */
.drawer__inner,
.drawer__inner__mastodon {
  background: rgba(255, 255, 255, 0.80) !important;
}

/* 우측 로고/일러스트 투명 영역 처리 */
.landing-page__illustration,
.public-layout__hero,
.public-layout__hero img,
.landing-page__logo,
.hero-widget__img {
  background-color: transparent !important;
  mix-blend-mode: normal !important;
}

/* 로그인 페이지 버튼 텍스트만 흰색으로 */
.public-layout .button,
.landing-page .button,
.session-page .button,
a.button[href="/auth/sign_in"],
.sign-in-banner .button {
  color: #ffffff !important;
}

._comp_account_header__followButton {
  color: #ffffff !important;
}

._feat_account_edit__editButton,
._feat_account_edit__verifiedLinkHelpButton {
  color: #ffffff !important;
}

._feat_account_edit__editButton {
  background-color: #710202 !important;
  border-radius: 4px; /* 버튼 모양을 살리고 싶으면 */
}

button.button.button--destructive.button-secondary.button--compact {
  color: #ffa4a4 !important;
}

.status-direct .status__content {
  background-color: #edd6d6 !important;
}

.status-direct {
  background-color: #edd6d6 !important;
}

.button.button-secondary {
  color: #ffa4a4 !important;
}