// 样式变量定义

// 颜色
$color-background: #121212;
$color-text-primary: #ffffff;
$color-text-secondary: #a9a9a9;
$color-accent: #ff9500;

// 表面颜色（用于卡片、弹窗等）
$color-surface-1: rgba(30, 30, 30, 0.7);
$color-surface-2: rgba(45, 45, 45, 0.7);

// 毛玻璃效果（云母/亚克力）
$backdrop-filter-blur: 16px;
$backdrop-filter-saturation: 180%;

// 几何尺寸
$border-radius-small: var(--radius-sm);
$border-radius-medium: var(--radius-md);
$border-radius-large: var(--radius-lg);
$grid-gap: var(--grid-gap);

// 阴影（轻拟物）
$shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.06);
$shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);
$shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.07);

// 动画
$motion-duration-sm: 0.2s;
$motion-duration-md: 0.3s;
$motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);

// 层级
$z-index-base: 0;
$z-index-content: 1;
$z-index-sidebar: 100;
$z-index-modal: 200;
$z-index-menu: 300;
