/* Aurora UI (极光UI) 设计规范 - 重构版本 */

/* === 新版Aurora UI核心系统 === */
@import url('./aurora-ui-variables.css');    /* 统一变量系统 */
@import url('./aurora-ui-components.css');   /* 核心组件样式 */
@import url('./aurora-ui-theme.css');        /* 主题切换系统 */

/* === 保持向后兼容的原有系统 === */
@import url('./base.css');
@import url('./layout.css');
@import url('./animations.css');
@import url('./utilities.css');

/* === 原有组件样式（逐步迁移中）=== */
@import url('./components/theme-dark.css');
@import url('./components/theme-light-improvements.css');
@import url('./components/buttons.css');
@import url('./components/forms.css');
@import url('./components/cards.css');
@import url('./components/frames.css');
@import url('./components/nav-controls.css');
@import url('./components/nouislider-theme.css');

/* === 兼容性桥接 === */
/* 保持向后兼容，逐步替换为新的Aurora UI类 */
:root {
  /* 映射到新的变量系统 */
  --theme-background: var(--page-bg);
  --theme-foreground: var(--text-primary);
  --theme-muted-foreground: var(--text-muted);
  --theme-card: var(--card-bg);
  --theme-card-border: var(--card-border-color);
  --theme-border: var(--item-border-color);
  --theme-input: var(--card-bg);
  --theme-ring: var(--primary-color);
  --theme-shadow-lg: var(--shadow-lg);
  --theme-shadow-xl: var(--shadow-xl);
  --theme-shadow-aurora: var(--shadow-aurora);
  --theme-gradient-primary: var(--gradient-primary);
  --theme-muted: var(--item-bg);
}