/* === 공통 포인트 컬러 === */
:root {
  --accent: #c90000;
  --brand-color: #c90000;
  --highlight-color: #c90000;
}

/* === 변수 오버라이드: 배경 & 로고 === */
body.theme-default.layout-single-column {
  --bg-image: url("/static/redline/bg-day.png") !important;
  --logo: url("/static/redline/logo.png") !important;
  --m-logo: url("/static/redline/logo-small.png") !important;
}

body.theme-default.theme-ui-dark.layout-single-column {
  --bg-image: url("/static/redline/bg-night.png") !important;
  --logo: url("/static/redline/logo.png") !important;
  --m-logo: url("/static/redline/logo-small.png") !important;
}

/* === 배경 강제 적용 (columns-area) === */
body.theme-default.theme-ui-light.layout-single-column .columns-area,
body.theme-default.theme-ui-light.layout-single-column .columns-area__panels {
  background: #ffffff url("/static/redline/bg-day.png") center/cover fixed no-repeat !important;
}

body.theme-default.theme-ui-dark.layout-single-column .columns-area,
body.theme-default.theme-ui-dark.layout-single-column .columns-area__panels {
  background: #000000 url("/static/redline/bg-night.png") center/cover fixed no-repeat !important;
}

/* === 상단 헤더 로고 교체 === */
.ui__header__logo img.logo--wordmark,
.ui__header__logo img.logo--icon {
  display: none !important;
}

.ui__header__logo {
  background: url("/static/redline/logo.png") center/contain no-repeat !important;
  width: 220px !important;
  height: 60px !important;
  display: block !important;
}

/* === 모바일/좁은 화면용 로고 === */
@media (max-width: 1024px) {
  .ui__header__logo {
    background-image: url("/static/redline/logo-small.png") !important;
    width: 48px !important;
    height: 48px !important;
  }
}

/* === 기본 아바타 교체 === */
.account__avatar img[src*="missing.png"],
.account__avatar img[src*="default.png"] {
  content: url("/static/redline/avatar.png") !important;
}

/* === 버튼 색상 === */
.button--primary,
.compose-form__publish-button {
  background: #c90000 !important;
  border-color: #c90000 !important;
}

a {
  color: #c90000 !important;
}

/* === 프로필 헤더 배경 === */
.account__header__image {
  background-image: url("/static/redline/header-stars.png") !important;
  background-size: cover !important;
  background-position: center !important;
}