/**
 * AI Image Lab — 素雅 2.0 设计令牌
 *
 * 唯一规范源: docs/design/design-system.md §1 / §2（OKLch 原样复制）
 * - 宣纸底、墨色字、竹青每屏 ≤2 处、朱砂仅印章与危险操作
 * - 卡片零阴影靠 1px 边界分层；阴影仅浮层可用（--shadow-float）
 *
 * 版本: V.0005
 */

:root {
  /* ============================================
     色彩令牌 — 素雅 2.0（design-system §1）
     ============================================ */

  --bg: oklch(97% 0.005 85);              /* 页面底色（宣纸）。全站唯一页面背景 */
  --surface: oklch(99.2% 0.002 85);       /* 卡片/面板/侧栏/工具条 */
  --surface-raised: oklch(95.5% 0.006 85);/* 分段控件槽、hover 底、缩略图底 */
  --ink-wash: oklch(93% 0.008 85);        /* 按压态、选中缩略图底 */

  --fg: oklch(26% 0.015 75);              /* 标题/正文（墨）。禁用纯黑 */
  --fg-soft: oklch(40% 0.012 75);         /* 次级正文、面板小标题 */
  --muted: oklch(52% 0.015 80);           /* 说明文字、占位符、标签 */
  --faint: oklch(55% 0.012 80);           /* 元数据、禁用文字 */

  --border: oklch(89% 0.008 85);          /* 默认边界。全站 1px，不用阴影分层 */
  --border-strong: oklch(80% 0.012 85);   /* hover 边界、焦点前边界 */

  --accent: oklch(50% 0.075 165);         /* 竹青。每屏 ≤2 处：实心主按钮 + 当前导航项/选中态 */
  --accent-ink: oklch(42% 0.08 168);      /* 主按钮 hover/按压 */
  --accent-wash: oklch(94.5% 0.02 165);   /* 选中底、焦点环（3px） */

  --cinnabar: oklch(54% 0.15 30);         /* 朱砂。仅两用：品牌印章、危险操作 */
  --success: oklch(58% 0.1 155);          /* 成功状态点/文字 */
  --warn: oklch(70% 0.12 80);             /* 排队/等待状态 */
  --info: oklch(58% 0.09 240);            /* 进行中状态、参考类连线 */

  --deep-ink: oklch(20% 0.01 75);         /* 深色区域（视频播放器），禁用纯黑 */
  --shadow-float: 0 12px 32px oklch(0% 0 0 / 0.10); /* 仅浮层：下拉/浮动面板/弹窗 */

  /* ============================================
     字体（design-system §2）
     ============================================ */

  --font-display: 'Songti SC', 'STSong', 'Noto Serif CJK SC', Georgia, serif;
  --font-body: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Noto Sans SC', sans-serif;
  --font-mono: 'SF Mono', ui-monospace, 'JetBrains Mono', Menlo, monospace;

  /* ============================================
     圆角 / 过渡（design-system §4 / §7）
     ============================================ */

  --radius-sm: 8px;    /* 控件：按钮、输入框、chip 容器 */
  --radius: 10px;      /* 卡片、面板 */
  --radius-lg: 12px;   /* 浮层、弹窗 */

  --duration-fast: 150ms;
  --ease-standard: ease;
}

/* ============================================
   减少动画偏好
   ============================================ */

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 0ms;
  }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}