/* 暗色主题变量 */
[data-theme="dark"] {
    --light-color: #1f2937;
    --dark-color: #f9fafb;
    --text-color: #f3f4f6;
    --text-light: #d1d5db;
    --border-color: #374151;
    --card-bg: #374151;
    --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -2px rgba(0, 0, 0, 0.2);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.2);
}

/* 暗色主题特定样式 */
[data-theme="dark"] body {
    background: #111827;
    color: var(--text-color);
}

[data-theme="dark"] header {
    background: #1f2937;
    border-bottom-color: #374151;
}

[data-theme="dark"] .hero {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
}

[data-theme="dark"] .doc-content,
[data-theme="dark"] .sidebar-nav,
[data-theme="dark"] .api-card,
[data-theme="dark"] .endpoint-card,
[data-theme="dark"] .response-card,
[data-theme="dark"] .rate-card,
[data-theme="dark"] .example-card {
    background: #374151;
    border-color: #4b5563;
}

[data-theme="dark"] .section-header {
    border-bottom-color: #4b5563;
}

[data-theme="dark"] .params-table th {
    background: #4b5563;
    color: var(--text-color);
}

[data-theme="dark"] .params-table td {
    border-bottom-color: #4b5563;
    color: var(--text-color);
}

[data-theme="dark"] .alert-info {
    background: #1e3a8a;
    border-left-color: #3b82f6;
    color: #dbeafe;
}

[data-theme="dark"] footer {
    background: #1f2937;
}

/* 平滑主题切换 */
body {
    transition: background-color 0.3s ease, color 0.3s ease;
}

* {
    transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}