/* 1. 전역 변수 설정 (:root) */
:root {
    --bg-image: url('https://i.imgur.com/2LRmhrx.jpeg') !important;
    --logo: url('https://i.imgur.com/YysuGxI.png') !important;
    --m-logo: url('https://i.imgur.com/y8x3mub.png') !important;
    --color-bg-compose-form: rgba(170, 170, 170, 0.3);
    --color-bg-compose-form-focus: rgba(170, 170, 170, 0.3);
    --color-mud: #DDD2F7;
    --color-accent: #b29beb;
    --color-light-purple: #b29beb;
    --color-light-text: #b29beb;
    --color-accent-dark: #B29BEB;
    --color-brand-mastodon: #a5b8d3;
    --color-brand-mastodon-links: #a5b8d3;
    --color-dim: #dcd9e8;
    --color-topaz: #B29BEB;
}

/* 2. 레이아웃 및 테마 기본 설정 */
body.theme-default.layout-single-column {
    --bg-image: url('https://i.imgur.com/wkKVdwp.jpeg') !important;
    --logo: url('https://i.imgur.com/P5PITpx.png') !important;
    --m-logo: url('https://i.imgur.com/y8x3mub.png') !important;
    --color-dim: #1E1E1E;
    --color-bg-compose-form: rgba(178, 155, 235, 0.3);
    --color-bg-compose-form-focus: rgba(178, 155, 235, 0.3);
--color-accent-dark : #b29beb;
    --color-mud: #DDD2f7;
    --color-topaz: #B29BEB;
}

/* 3. 로고 및 헤더 스타일 */
.layout-single-column .column-link.column-link--logo {
    background-size: auto 120px !important;
    height: 200px;
    margin-left: 0px;
}

.layout-single-column .ui__header__logo {
    height: 160px;
}

/* 모바일 로고 설정 */
@media screen and (max-width: 889px) {
    .layout-single-column .column-link.column-link--logo, 
    .layout-single-column .ui__header__logo {
        background-image: var(--m-logo) !important;
        width: 50px !important;
        height: 50px !important;
        background-size: auto 59px !important;
    }
}

/* 관리자 사이드바 로고 */
.admin-wrapper .sidebar .logo {
    display: block;
    height: 120px;
    width: 240px;
    content: url('https://i.imgur.com/y8x3mub.png') !important;
}

/* 4. UI 구성 요소 (배너, 역할 표시 등) */
.dismissable-banner__action .icon-button, 
.warning-banner__action .icon-button,
.dismissable-banner__message h1, 
.warning-banner__message h1 {
    color: #1f19a9; /* 중복된 선언 중 최종 적용값 유지 */
}

.account-role {
    display: flex; /* align-items 활성화를 위해 추가 */
    align-items: center;
    border: 1px solid #6000CC;
    border-radius: 6px;
    color: #6000CC;
}