/* ===== AIOS Design Tokens v1.0 =====
 * SSOT 统一设计令牌 — 被全站 CSS 与 React 组件通过 var() 引用
 * 主色: #713eff (品牌紫)
 * 更新: 任何新增色值必须先注册为本文件变量，禁止硬编码 hex
 */

:root {
  /* —— 品牌色 —— */
  --aios-brand: #713eff;
  --aios-brand-soft: #9b7aff;
  --aios-brand-light: #c2b3ff;
  --aios-brand-glow: rgba(113, 62, 255, 0.25);
  --aios-brand-bg: #faf8ff;

  /* —— 语义色 —— */
  --aios-success: #52c41a;
  --aios-success-soft: #f6ffed;
  --aios-error: #ff4d4f;
  --aios-error-soft: #fff1f0;
  --aios-warning: #faad14;
  --aios-warning-soft: #fffbe6;
  --aios-info: #1890ff;
  --aios-info-soft: #e6f7ff;

  /* —— 中性色 —— */
  --aios-text-primary: #1a1525;
  --aios-text-secondary: #595959;
  --aios-text-muted: #999;
  --aios-text-placeholder: #bfbfbf;
  --aios-border: #e8e0f0;
  --aios-border-light: #f0f0f0;
  --aios-divider: #f5f5f5;
  --aios-surface: #ffffff;
  --aios-surface-raised: #faf8ff;
  --aios-surface-muted: #fafafa;

  /* —— 圆角 —— */
  --aios-radius-sm: 8px;
  --aios-radius-md: 12px;
  --aios-radius-lg: 16px;
  --aios-radius-full: 9999px;

  /* —— 阴影 —— */
  --aios-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --aios-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
  --aios-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
  --aios-shadow-xl: 0 12px 40px rgba(0, 0, 0, 0.16);

  /* —— 过渡 —— */
  --aios-transition-fast: 150ms ease;
  --aios-transition-smooth: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --aios-transition-spring: 300ms cubic-bezier(0.34, 1.56, 0.64, 1);

  /* —— 字体 —— */
  --aios-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  --aios-font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono",
    "Menlo", monospace;
}