/* ============================================================
   theme.css - 设计变量与主题
   ============================================================ */
:root {
    /* 主色 */
    --primary: #f472b6;
    --primary-hover: #ec4899;
    --primary-light: #fce7f3;
    --primary-border: #f9a8d4;
    --primary-ring: rgba(244, 114, 182, 0.15);

    /* 中性 */
    --bg-main: #f5f5f7;
    --bg-white: #ffffff;
    --bg-hover: #f0f0f5;
    --bg-active: #e8e8ed;
    --bg-subtle: #fafafa;

    /* 文字 */
    --text-primary: #1a1a2e;
    --text-secondary: #4a4a5e;
    --text-tertiary: #8b8b9e;

    /* 边框 */
    --border: #e5e5ea;
    --border-light: #f0f0f5;
    --border-strong: #d0d0da;

    /* 文件类型标签 */
    --tag-html-bg: #e0eaff;
    --tag-html-text: #1e40af;
    --tag-md-bg: #f0e6ff;
    --tag-md-text: #6b21a8;

    /* 圆角 */
    --border-radius: 10px;
    --border-radius-sm: 8px;
    --border-radius-lg: 14px;

    /* 阴影 */
    --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.12);

    /* 遮罩 */
    --overlay-bg: rgba(0, 0, 0, 0.4);
    --overlay-bg-loading: rgba(255, 255, 255, 0.6);

    /* 字体 */
    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-mono: "SF Mono", "Fira Code", "Cascadia Code", Consolas, "Courier New", monospace;

    /* 间距 */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;

    /* 字号 */
    --font-size-xs: 12px;
    --font-size-sm: 13px;
    --font-size-base: 14px;

    /* 尺寸 */
    --btn-height: 32px;
    --header-height: 44px;
    --line-height-base: 1.5;
    --line-height-editor: 2;

    /* 动效 */
    --transition-fast: 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
    --transition-base: 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
}