/**
 * Custom CSS
 *
 * This file is for your custom styles.
 * You can add any CSS rules here to customize the Ghost theme.
 *
 * Note: Changes made directly to this file may be overwritten during theme updates.
 * It's recommended to use the Code Injection feature in Ghost for persistent customizations.
 */

/* Your custom CSS goes below this line */

:root {
    --color-foreground: #2F2F2F !important;
    --color-border: rgb(128 128 128 / 24%) !important;
    --sidebar--width: 272px !important;
    --nav--link--font-size: 0.9375rem !important;
    /* 15px */

    /* 5) 대비 토큰 재확인(메타/보조) */
    --color-mute: #6B7280 !important;
    /* 흐린 텍스트 AA 확보 */
}

/* 페이지 전환 효과 완전 비활성화 */
@view-transition {
    navigation: none !important;
}

::view-transition-group(*),
::view-transition-old(*),
::view-transition-new(*) {
    animation: none !important;
    transition: none !important;
}

/* 모든 전환 애니메이션 비활성화 */
* {
    view-transition-name: none !important;
}

/* Motion 애니메이션 비활성화 */
[data-motion] {
    animation: none !important;
    transition: none !important;
}

.card-post-author {
    display: none !important;
}

/* Skip to Sidebar 버튼 숨기기 */
a[href="#sidebar"].button.screen-reader-text {
    display: none !important;
}

/* 5) Skip to Content 버튼 숨기기 */
a[href="#content"].button.screen-reader-text {
    display: none !important;
}

/* 사이드바와 본문 사이 구분선 */
.sidebar {
    border-right: 1px solid #f2f2f2 !important;
}

/* 또는 본문 영역 왼쪽에 구분선을 추가하는 방법 */
.main-content,
.site-main,
.inner {
    border-left: 1px solid #f2f2f2;
}

/* 특정 레이아웃에서 사이드바가 있는 경우에만 적용 */
.has-sidebar .main-content {
    border-left: 1px solid #f2f2f2 !important;
}