/* ============================================================
   设计 Token (CSS Variables) - 基于 PRD 的低饱和度科技蓝紫风格
============================================================ */
:root {
    /* --- 画布与背景色 --- */
    --color-bg: #f8f9fb;           /* 浅灰蓝画布，全站底色 */
    --color-card: #ffffff;         /* 纯白，卡片背景 */
    --color-surface-dark: #1a1a2e; /* 深蓝黑，用于产品面和页脚 */
    --color-tag-bg: #f0f3fa;       /* 标签/侧边栏背景 */

    /* --- 强调色 (科技蓝紫系) --- */
    --color-accent: #4f6ef7;       /* 科技蓝主色 */
    --color-accent-dark: #3a54d4;  /* 深蓝，用于 hover */
    --color-accent-light: #eef2ff; /* 浅蓝，用于选中态背景 */
    --color-accent-gradient: linear-gradient(135deg, #4f6ef7 0%, #7c5cfc 100%); /* 蓝紫渐变 */

    /* --- 文字颜色 --- */
    --color-text: #1a1a2e;         /* 深蓝黑，主标题/正文强调 */
    --color-text-secondary: #5a6a7e; /* 灰蓝，次要正文 */
    --color-text-light: #8b95a5;   /* 浅灰，弱化文字/占位符 */
    --color-footer-text: #c8cdd8;  /* 浅灰白，深色背景上的文字 */

    /* --- 功能色与边框 --- */
    --color-border: #e8ecf2;       /* 浅灰边框 */
    --color-success: #5db872;      /* 绿色，成功提示 */
    --color-error: #c64545;        /* 红色，错误提示 */

    /* --- 作品分类专用装饰条颜色 --- */
    --color-cat-workflow: #4f6ef7;
    --color-cat-prototype: #5b7cf7;
    --color-cat-rag: #6c8cff;
    --color-cat-skills: #7c5cfc;
    --color-cat-harness: #8b6cf7;

    /* --- 字体栈 --- */
    --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', sans-serif;
    --font-mono: 'SF Mono', 'Menlo', 'Consolas', monospace;

    /* --- 尺寸与间距 --- */
    --nav-height: 64px;
    --max-width: 1140px;
    --section-padding: 88px 28px;
    --border-radius-sm: 8px;
    --border-radius-lg: 12px;
    --border-radius-pill: 20px;

    /* --- 动画过渡 --- */
    --transition-fast: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-smooth: 0.4s cubic-bezier(0.4, 0, 0.2, 1);

    /* --- 阴影 --- */
    --shadow-normal: 0 2px 16px rgba(30, 40, 60, 0.06);
    --shadow-hover: 0 10px 36px rgba(79, 110, 247, 0.13);
    --shadow-dropdown: 0 8px 32px rgba(30, 40, 60, 0.12);
}