@media (prefers-color-scheme: light){
    .dark-mode-background {
        background-color: #f8f9fa;
    }

    .dark-mode-background-empty {
        background-color: #f8f9fa;
    }

    .dark-mode-background-content {
        background-color: #ffffff;
    }

    .navbar-color {
        background-color: #ffffff;
    }
}

@media (prefers-color-scheme: dark){
    .dark-mode-background {
        background-color: #020202;
    }

    .dark-mode-background-empty {
        background-color: #121212;
    }

    .dark-mode-background-content {
        background-color: #020202;
    }

    .dark-mode-text {
        color: #ebebeb;
    }

    .navbar-color{
        background-color: #121212;
    }
    .navbar-brand{
        color: #ebebeb;
    }
    .navbar-brand:hover{
        color: #ebebeb;
    }
    .navbar-brand:focus{
        color: #ebebeb;
    }

    .navbar-toggler {
        border-color: #555555; /* 다크 모드 테두리 */
    }

    .navbar-toggler-icon {
        background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ffffff" viewBox="0 0 30 30"><path stroke="rgba(255, 255, 255, 1)" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M4 7h22M4 15h22M4 23h22"/></svg>');
    }

    /* 네비게이션 링크 */
    .nav-link {
        color: #ebebeb !important; /* 다크 모드 링크 색상 */
    }
    .nav-link:hover {
        color: #bbbbbb !important; /* 링크 호버 색상 */
    }

    /* 비활성화된 링크 */
    .nav-link.disabled {
        color: #888888 !important;
    }
}