/* ========================================
   Blue + Yellow Theme
   Slightly Darker / More Readable Version
======================================== */

:root {
  --bg-main: #3f5678;
  --bg-soft: #4d688d;
  --bg-card: #5b789f;
  --bg-hover: #6a88b0;

  --text-main: #fbfdff;
  --text-soft: #f2f6fb;
  --text-muted: #dfe7f1;

  --accent-blue: #84a9dc;
  --accent-blue-hover: #98b9e5;

  --accent-yellow: #d9b54c;
  --accent-yellow-hover: #e4c86a;

  --border-soft: #91a9c8;
  --danger: #d97a7a;
}

/* 전체 배경 */
body,
.app-holder,
.admin-wrapper,
.columns-area,
.drawer,
.column {
  background: var(--bg-main) !important;
  color: var(--text-main) !important;
}

/* 카드/패널 */
.card,
.column > .scrollable,
.drawer__inner,
.compose-panel,
.navigation-panel,
.column-header,
.account__section-headline,
.announcements,
.link-footer,
.box,
.trends,
.getting-started,
.hero-widget {
  background: var(--bg-soft) !important;
  color: var(--text-main) !important;
  border: 1px solid var(--border-soft) !important;
}

/* 톳/알림/계정 카드 */
.status,
.detailed-status,
.notification,
.account,
.setting-text {
  background: var(--bg-card) !important;
  color: var(--text-main) !important;
  border: 1px solid var(--border-soft) !important;
}

/* 호버 */
.status:hover,
.notification:hover,
.account:hover,
.column-link:hover,
.detailed-status:hover {
  background: var(--bg-hover) !important;
}

/* 기본 텍스트 */
.status__content,
.status__content p,
.display-name__html,
.account__display-name,
.reply-indicator__content,
.notification__message,
.column-link,
.status__display-name,
.account__header__content {
  color: var(--text-main) !important;
}

/* 보조 텍스트 */
.status__relative-time,
.icon-button.disabled,
.display-name__account,
.account__header__username,
.account__header__extra__links,
.muted,
.no-reduce-motion .status__content a,
.status__content a.unhandled-link {
  color: var(--text-muted) !important;
}

/* 링크 */
a,
.status__content a,
.column-link__text,
.notification__display-name,
.reply-indicator__content a {
  color: var(--accent-yellow) !important;
  font-weight: 500;
}

a:hover,
.status__content a:hover,
.column-link:hover .column-link__text {
  color: var(--accent-yellow-hover) !important;
}

/* 메인 버튼 */
.button,
.icon-button.active,
.column-link--transparent.active,
.compose-form__publish-button-wrapper .button {
  background: var(--accent-blue) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
}

.button:hover,
.icon-button.active:hover,
.compose-form__publish-button-wrapper .button:hover {
  background: var(--accent-blue-hover) !important;
}

/* 보조 버튼 */
.button.button-secondary,
.load-more,
.dropdown-menu__item a:hover,
.dropdown-menu__item button:hover {
  background: var(--accent-yellow) !important;
  color: #2f4461 !important;
}

.button.button-secondary:hover,
.load-more:hover {
  background: var(--accent-yellow-hover) !important;
}

/* 활성 탭 */
.column-header__button.active,
.column-tabs__tab.active,
.account__section-headline a.active,
.tabs-bar__link.active {
  color: var(--accent-yellow) !important;
  border-color: var(--accent-yellow) !important;
}

/* 입력창 */
.compose-form__textarea,
.search__input,
input,
textarea,
select {
  background: #536f94 !important;
  color: var(--text-main) !important;
  border: 1px solid var(--border-soft) !important;
}

.compose-form__textarea::placeholder,
.search__input::placeholder,
input::placeholder,
textarea::placeholder {
  color: rgba(255, 255, 255, 0.72) !important;
}

.compose-form__textarea:focus,
.search__input:focus,
input:focus,
textarea:focus,
select:focus {
  border-color: var(--accent-yellow) !important;
  box-shadow: 0 0 0 1px var(--accent-yellow) !important;
}

/* 강조 */
.status__content__spoiler-link,
.notification__favourite-icon-wrapper .fa-star,
.star-icon,
.icon-button.star-icon.active {
  color: var(--accent-yellow) !important;
}

/* 프로필 헤더 */
.account__header {
  background: linear-gradient(135deg, #4d688d 0%, #84a9dc 58%, #d9b54c 100%) !important;
}

/* 경계선 */
.status,
.notification,
.account,
.account__section-headline,
.column-subheading,
.column-header,
.drawer__inner {
  border-color: var(--border-soft) !important;
}

/* 스크롤바 */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: var(--bg-soft);
}

::-webkit-scrollbar-thumb {
  background: #9cb3cf;
  border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
  background: #b0c3da;
}