/* ============================================================
 * 设计变量（独立页面专用）
 * ============================================================
 * 用途：给「不加载 admin.css」的独立页面（error.html / info_page.html /
 * maintenance.html）提供同一套 CSS 变量，避免这些页面里 var(--xxx) 全部取空值。
 *
 * ⚠️ 改这里必须同步 admin.css 的 :root（那里是全站主定义，本文件是它的镜像）。
 *    两处只在「值」上保持一致；加变量时两边都加。
 * ============================================================ */
:root {
    --primary: #1E3A5F;
    --primary-light: #2C5282;
    --primary-dark: #152D4A;
    --success: #10B981;
    --warning: #F59E0B;
    --danger: #DC2626;
    --info: #3B82F6;
    --bg-page: #F8FAFC;
    --bg-card: #FFFFFF;
    --text-primary: #1F2937;
    --text-secondary: #64748B;
    --text-muted: #94A3B8;
    --text-body: #374151;
    --text-hint: #9CA3AF;
    --text-secondary-2: #6B7280;
    --border-2: #E5E7EB;
    --border-strong: #CBD5E1;
    --border: #E2E8F0;
    --border-light: #F1F5F9;
    --row-hover: #FAFBFD;
    --purple: #7C3AED;

    /* 布局尺寸 */
    --nav-height: 64px;
    --nav-content-gap: 20px;
    --content-pad: 20px;
    --card-gap: 16px;
    --card-pad: 20px;
    --section-gap: 20px;
    --title-gap: 6px;
    --title-card-gap: 16px;
    --card-radius: 12px;
    --sb-width: 220px;
    --sb-collapsed: 64px;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 2px 4px rgba(0, 0, 0, 0.06);
    --radius: 8px;
    --radius-sm: 4px;
}