/* ============================================
   主题变量清单（骨架 + 兜底默认值）
   说明：只声明"有哪些变量"，不写具体样式
   具体色值由 light.css / dark.css / accent.css 提供
   ============================================ */

:root {
    /* ---------- 应用自有变量（--app- 前缀，避免与 Bootstrap 冲突） ---------- */
    --app-bg:            #f6f7f9;
    --app-surface:       #ffffff;
    --app-surface-alt:   #f1f3f5;
    --app-text:          #1a1d21;
    --app-text-muted:    #6b7280;
    --app-border:        #e5e7eb;
    --app-shadow:        0 1px 2px rgba(16, 24, 40, .04), 0 4px 12px rgba(16, 24, 40, .06);
    --app-shadow-lg:     0 8px 24px rgba(16, 24, 40, .10);

    /* ---------- Bootstrap 变量覆盖（用自有变量桥接） ---------- */
    --bs-body-bg:        var(--app-bg);
    --bs-body-color:     var(--app-text);
    --bs-border-color:   var(--app-border);
    --bs-heading-color:  var(--app-text);
    --bs-secondary-color: var(--app-text-muted);
}