:root {
    /* 主色调 */
    --bg-primary: #1e1e2e;
    --bg-secondary: #2d2d3f;
    --bg-tertiary: #3d3d50;
    --bg-hover: #454560;
    --bg-active: #525270;

    /* 强调色 */
    --accent-primary: #5b8def;
    --accent-hover: #6d9df5;
    --accent-danger: #e87461;
    --accent-success: #5cb85c;
    --accent-warning: #f0ad4e;

    /* 文字色 */
    --text-primary: #e0e0e0;
    --text-secondary: #888899;
    --text-muted: #5a5a6e;

    /* 边框 */
    --border-color: #3a3a50;
    --border-light: #4a4a60;

    /* 画布区 */
    --canvas-bg: #252535;
    --canvas-grid: #2a2a3a;
    --canvas-grid-alt: #303045;

    /* 尺寸 */
    --toolbar-width: 48px;
    --panel-width: 260px;
    --menubar-height: 32px;
    --statusbar-height: 24px;
    --panel-title-height: 28px;

    /* 圆角 */
    --radius-sm: 3px;
    --radius-md: 5px;
    --radius-lg: 8px;

    /* 字体 */
    --font-family: -apple-system, "Microsoft YaHei", "Segoe UI", sans-serif;
    --font-size-xs: 11px;
    --font-size-sm: 12px;
    --font-size-md: 13px;
    --font-size-lg: 14px;
    --font-size-xl: 16px;

    /* 过渡 */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.25s ease;

    /* 阴影 */
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.3);
    --shadow-md: 0 3px 8px rgba(0,0,0,0.4);
    --shadow-lg: 0 5px 15px rgba(0,0,0,0.5);

    /* 兼容别名（供旧代码使用） */
    --accent-color: var(--accent-primary);
    --bg-panel: var(--bg-secondary);
    --bg-main: var(--bg-primary);
    --text-on-accent: #ffffff;
    --color-danger: var(--accent-danger);
    --accent-secondary: var(--accent-hover);
    --radius-xs: 2px;
    --canvas-grid: #2a2a3a;
}