/* ===== 라이트 테마 ===== */
body.theme-mastodon-bird-ui-light {
  background-image: url('/lightground.png') !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;

  --color-brand-longwhile: #6B826F;
  --color-link: #6B826F;
  --color-column-link-hover: #5a6e5e;
  --color-on-brand: #ffffff;
  --color-post-button-text: #ffffff;
  --color-post-button: #6B826F;
  --color-accent: #6B826F;
  --color-accent-dark: #6B826F;
  --color-mention: #6B826F;
  --color-hashtag: #6B826F;
}

body.theme-mastodon-bird-ui-light .column > .scrollable,
body.theme-mastodon-bird-ui-light .column-header,
body.theme-mastodon-bird-ui-light .column-back-button,
body.theme-mastodon-bird-ui-light .column .tabs-bar__wrapper {
  background: rgba(255, 255, 255, 0.6) !important;
}

/* ===== 다크 테마 (라이트가 아닌 모든 경우) ===== */
body:not(.theme-mastodon-bird-ui-light) {
  background-image: url('/darkground.png') !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;

  --color-brand-longwhile: #CCC7BE;
  --color-link: #CCC7BE;
  --color-column-link-hover: #E0DCD5;
  --color-on-brand: #1a1a1a;
  --color-post-button-text: #1a1a1a;
  --color-post-button: #CCC7BE;
  --color-accent: #CCC7BE;
  --color-accent-dark: #CCC7BE;
  --color-mention: #CCC7BE;
  --color-hashtag: #CCC7BE;
}

body:not(.theme-mastodon-bird-ui-light) .column > .scrollable,
body:not(.theme-mastodon-bird-ui-light) .column-header,
body:not(.theme-mastodon-bird-ui-light) .column-back-button,
body:not(.theme-mastodon-bird-ui-light) .column .tabs-bar__wrapper {
  background: rgba(20, 22, 28, 0.6) !important;
}