/* 深色主题样式 - 替代Replit主题 */

/* 基础深色主题变量 */
:root[data-bs-theme="dark"] {
    --bs-body-bg: #1a1a1a;
    --bs-body-color: #ffffff;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-gray-100: #2d2d2d;
    --bs-gray-200: #3d3d3d;
    --bs-gray-300: #4d4d4d;
    --bs-gray-400: #5d5d5d;
    --bs-gray-500: #6d6d6d;
    --bs-gray-600: #7d7d7d;
    --bs-gray-700: #8d8d8d;
    --bs-gray-800: #9d9d9d;
    --bs-gray-900: #adadad;
}

/* 全局深色背景 */
body[data-bs-theme="dark"] {
    background-color: #1a1a1a;
    color: #ffffff;
}

/* 卡片深色主题 */
.card {
    background-color: #2d2d2d;
    border-color: #4d4d4d;
    color: #ffffff;
}

.card-header {
    background-color: #3d3d3d;
    border-bottom-color: #4d4d4d;
}

.card-footer {
    background-color: #3d3d3d;
    border-top-color: #4d4d4d;
}

/* 表格深色主题 */
.table-dark {
    --bs-table-bg: #2d2d2d;
    --bs-table-striped-bg: #3d3d3d;
    --bs-table-hover-bg: #4d4d4d;
    --bs-table-border-color: #4d4d4d;
}

/* 表单控件深色主题 */
.form-control {
    background-color: #2d2d2d;
    border-color: #4d4d4d;
    color: #ffffff;
}

.form-control:focus {
    background-color: #2d2d2d;
    border-color: #0d6efd;
    color: #ffffff;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-select {
    background-color: #2d2d2d;
    border-color: #4d4d4d;
    color: #ffffff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 6 7 7 7-7'/%3e%3c/svg%3e");
}

.form-select:focus {
    background-color: #2d2d2d;
    border-color: #0d6efd;
    color: #ffffff;
}

/* 按钮深色主题调整 */
.btn-outline-light {
    color: #ffffff;
    border-color: #ffffff;
}

.btn-outline-light:hover {
    background-color: #ffffff;
    color: #1a1a1a;
}

/* 导航栏深色主题 */
.navbar-dark {
    background-color: #2d2d2d !important;
}

.navbar-dark .navbar-nav .nav-link {
    color: #ffffff;
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: #0dcaf0;
}

/* 模态框深色主题 */
.modal-content {
    background-color: #2d2d2d;
    border-color: #4d4d4d;
}

.modal-header {
    border-bottom-color: #4d4d4d;
}

.modal-footer {
    border-top-color: #4d4d4d;
}

/* 下拉菜单深色主题 */
.dropdown-menu {
    background-color: #2d2d2d;
    border-color: #4d4d4d;
}

.dropdown-item {
    color: #ffffff;
}

.dropdown-item:hover {
    background-color: #4d4d4d;
    color: #ffffff;
}

/* 分页深色主题 */
.page-link {
    background-color: #2d2d2d;
    border-color: #4d4d4d;
    color: #ffffff;
}

.page-link:hover {
    background-color: #4d4d4d;
    border-color: #0d6efd;
    color: #ffffff;
}

.page-item.active .page-link {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

/* 警告框深色主题 */
.alert-dark {
    background-color: #3d3d3d;
    border-color: #4d4d4d;
    color: #ffffff;
}

/* 进度条深色主题 */
.progress {
    background-color: #3d3d3d;
}

/* 徽章深色主题 */
.badge {
    color: #ffffff;
}

/* 工具提示深色主题 */
.tooltip-inner {
    background-color: #2d2d2d;
    color: #ffffff;
}

/* 弹出框深色主题 */
.popover {
    background-color: #2d2d2d;
    border-color: #4d4d4d;
}

.popover-header {
    background-color: #3d3d3d;
    border-bottom-color: #4d4d4d;
    color: #ffffff;
}

.popover-body {
    color: #ffffff;
}

/* 手风琴深色主题 */
.accordion-item {
    background-color: #2d2d2d;
    border-color: #4d4d4d;
}

.accordion-button {
    background-color: #3d3d3d;
    color: #ffffff;
}

.accordion-button:not(.collapsed) {
    background-color: #4d4d4d;
    color: #ffffff;
}

/* 列表组深色主题 */
.list-group-item {
    background-color: #2d2d2d;
    border-color: #4d4d4d;
    color: #ffffff;
}

.list-group-item:hover {
    background-color: #3d3d3d;
}

/* 面包屑深色主题 */
.breadcrumb {
    background-color: #2d2d2d;
}

.breadcrumb-item a {
    color: #0dcaf0;
}

/* 侧边栏深色主题 */
.sidebar {
    background-color: #2d2d2d;
    border-right: 1px solid #4d4d4d;
}

.sidebar .nav-link {
    color: #ffffff;
}

.sidebar .nav-link:hover {
    background-color: #3d3d3d;
    color: #0dcaf0;
}

.sidebar .nav-link.active {
    background-color: #0d6efd;
    color: #ffffff;
}

/* 输入组深色主题 */
.input-group-text {
    background-color: #3d3d3d;
    border-color: #4d4d4d;
    color: #ffffff;
}

/* 标签页深色主题 */
.nav-tabs .nav-link {
    background-color: #2d2d2d;
    border-color: #4d4d4d;
    color: #ffffff;
}

.nav-tabs .nav-link.active {
    background-color: #3d3d3d;
    border-bottom-color: #3d3d3d;
    color: #ffffff;
}

/* 滚动条深色主题 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #2d2d2d;
}

::-webkit-scrollbar-thumb {
    background: #4d4d4d;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #5d5d5d;
}

/* 选择文本颜色 */
::selection {
    background-color: #0d6efd;
    color: #ffffff;
}

/* 链接颜色调整 */
a {
    color: #0dcaf0;
}

a:hover {
    color: #31d2f2;
}

/* 文本颜色类 */
.text-muted {
    color: #6c757d !important;
}

.text-light {
    color: #f8f9fa !important;
}

/* 边框颜色 */
.border {
    border-color: #4d4d4d !important;
}

.border-top {
    border-top-color: #4d4d4d !important;
}

.border-bottom {
    border-bottom-color: #4d4d4d !important;
}

.border-start {
    border-left-color: #4d4d4d !important;
}

.border-end {
    border-right-color: #4d4d4d !important;
}