:root {
    --primary-white: white;
    --primary-black: 0, 0, 0;
    --signature-color: #6a11cb;

    --draft-modal-background-color: #f0f1f3;
    --draft-item-background-color: white;
    --draft-item-container-color: black;
    --draft-item-height: 50px;
    --draft-list-result-label-color: #712cf9;
    --draft-no-item-color: #6c6c6c;
    --draft-close-btn-color: #6c6c6c;

    --draft-title-tooltip-background: rgba(0, 0, 0, 0.84);

    --table-hover-color: #f8f9fa; /* 연한 회색 */
}

body {
    font-family: "Noto Sans KR", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    /*padding-top: 56px;*/

}

/* Dom loaded fade-in  */
html, body {
    overflow-x: hidden;
}

a {
    cursor: pointer;
    text-decoration: none;
    color: #212529;
}

image {
    object-fit: cover;
}

/* 전체 페이지 fade-in 애니메이션 */
/*body {*/
/*    opacity: 0;*/
/*    transform: translateY(30px);*/
/*    animation: pageFadeIn 0.8s ease-out forwards;*/
/*}*/

@keyframes pageFadeIn {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 또는 특정 컨테이너에만 적용하고 싶다면 */
.page-fade-in {
    opacity: 0;
    transform: translateY(30px);
    animation: pageFadeIn 0.8s ease-out forwards;
}

.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: var(--white) !important;
}

.CodeMirror-fullscreen {
    z-index: 2000;
}

.editor-toolbar.fullscreen {
    z-index: 2000;
}

.editor-preview-side {
    z-index: 2000;
}

/*
Font Style
*/

.w-90 {
    width: 90% !important;
}

.fs-7 {
    font-size: 0.95rem;
}

/*
easymde preview CSS
*/
.editor-preview-active-side img {
    width: 100px;
}

/*
size
*/
.min-vh-75 {
    min-height: 75vh !important;
}


/*
 로딩 스피너 Style
*/

.spinner-container {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 90%;
    z-index: -1; /* 화면 전체 높이 */
}

.list-group-item.active a {
    color: var(--bs-list-group-active-color);
}


/*
border
*/
.border-transparent {
    border-color: transparent !important;
}

/*
table
 */
/* 커스텀 색상 */
.table {
    --bs-table-hover-bg: var(--table-hover-color); /* 연한 회색 */
}

/* 관리자/글쓰기 드롭다운 전용 스타일 */
.admin-dropdown-menu {
    background: #f5f3ff; /* 톤 다운된 연보라 */
    box-shadow: 0 8px 32px 0 rgba(124, 58, 237, 0.15), 0 1.5px 6px 0 rgba(0, 0, 0, 0.08);
    border: none;
    border-radius: 14px;
    min-width: 180px;
    padding: 10px 0;
}

.admin-dropdown-menu .dropdown-item {
    font-weight: 500;
    border-radius: 8px;
    transition: background 0.15s;
}

.admin-dropdown-menu .dropdown-item:hover,
.admin-dropdown-menu .dropdown-item:focus {
    background: #e9d5ff;
    color: #3b0764;
}