/* ================================================================
   CogCraft 档案管理 — 设计令牌 (Design Tokens)
   参考 Notion / Linear 风格，简洁、现代、信息密度高
   ================================================================ */

:root {
    /* ---- 颜色 ---- */
    --color-bg:           #fafbfc;
    --color-surface:      #ffffff;
    --color-border:       #e1e4e8;
    --color-border-light: #f0f0f0;

    --color-text:         #1a1a2e;
    --color-text-secondary: #586069;
    --color-text-muted:   #8b949e;
    --color-text-inverse: #ffffff;

    --color-primary:      #4f46e5;
    --color-primary-hover:#4338ca;
    --color-primary-light:#eef2ff;

    --color-danger:       #dc2626;
    --color-danger-hover: #b91c1c;
    --color-danger-light: #fef2f2;

    --color-warning:      #d97706;
    --color-warning-light:#fffbeb;

    --color-success:      #059669;
    --color-success-light:#ecfdf5;

    --color-info:         #2563eb;
    --color-info-light:   #eff6ff;

    /* ---- 严重程度色标 ---- */
    --severity-critical:  #dc2626;
    --severity-critical-bg: #fef2f2;
    --severity-warning:   #d97706;
    --severity-warning-bg: #fffbeb;
    --severity-info:      #2563eb;
    --severity-info-bg:   #eff6ff;

    /* ---- 排版 ---- */
    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans SC", "Helvetica Neue", Arial, sans-serif;
    --font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;

    --font-xs:   0.75rem;   /* 12px */
    --font-sm:   0.8125rem; /* 13px */
    --font-base: 0.875rem;  /* 14px */
    --font-md:   1rem;      /* 16px */
    --font-lg:   1.125rem;  /* 18px */
    --font-xl:   1.25rem;   /* 20px */
    --font-2xl:  1.5rem;    /* 24px */
    --font-3xl:  2rem;      /* 32px */

    --line-height: 1.6;

    /* ---- 间距 ---- */
    --space-1:  0.25rem;  /* 4px */
    --space-2:  0.5rem;   /* 8px */
    --space-3:  0.75rem;  /* 12px */
    --space-4:  1rem;     /* 16px */
    --space-5:  1.25rem;  /* 20px */
    --space-6:  1.5rem;   /* 24px */
    --space-8:  2rem;     /* 32px */
    --space-10: 2.5rem;   /* 40px */
    --space-12: 3rem;     /* 48px */

    /* ---- 圆角 ---- */
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --radius-xl: 12px;

    /* ---- 阴影 ---- */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04);

    /* ---- 过渡 ---- */
    --transition: 150ms ease;
    --transition-slow: 250ms ease;

    /* ---- 布局 ---- */
    --navbar-height: 52px;
    --max-content-width: 960px;
    --sidebar-width: 0px; /* 预留，暂不使用侧边栏 */
}

/* ---- 暗色主题（可选） ---- */
/* 暂不实施，后续通过 class 切换启用 */