/*
 * 漫剧 Agent / 漫小福 — Air White 轻盈白，视觉规范 v0.1
 * 2026-09-14
 * 本文件只定义建议变量，不是 Apple 官方设计参数，也不会自动改造已有组件。
 * 不含字体、Apple 产品图片或图标文件。字号的 rem 值以 16px 根字号为设计参考。
 */
:root {
  --aw-bg-page: #ffffff;
  --aw-bg-workspace: #f5f5f7;
  --aw-bg-canvas: #fafafc;
  --aw-surface: #ffffff;
  --aw-surface-subtle: #f5f5f7;
  --aw-surface-hover: #f0f0f3;
  --aw-surface-pressed: #e8e8ed;
  --aw-surface-floating: rgb(255 255 255 / 94%);
  --aw-text-primary: #1d1d1f;
  --aw-text-secondary: #6e6e73;
  --aw-text-inverse: #ffffff;
  --aw-text-disabled: #9b9ba1;
  --aw-bg-disabled: #f0f0f2;
  --aw-border-decorative: #e3e3e8;
  --aw-border-control: #8a8a91;
  --aw-accent: #0071e3;
  --aw-accent-hover: #0066cc;
  --aw-accent-pressed: #0058b0;
  --aw-selected-bg: #eaf3ff;
  --aw-selected-text: #0066cc;
  --aw-focus: #0071e3;
  --aw-mascot-accent: #8758dc;
  --aw-success: #1f7a3a;
  --aw-success-bg: #edf7ef;
  --aw-warning: #8a5700;
  --aw-warning-bg: #fff6e5;
  --aw-error: #c9352b;
  --aw-error-bg: #fff0ef;
  --aw-progress-track: #e8e8ed;
  --aw-backdrop: rgb(0 0 0 / 22%);

  --aw-font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Arial, sans-serif;
  --aw-font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --aw-weight-regular: 400;
  --aw-weight-medium: 500;
  --aw-weight-semibold: 600;
  --aw-text-display: 4rem;
  --aw-leading-display: 1.125;
  --aw-text-display-small: 2.5rem;
  --aw-leading-display-small: 1.2;
  --aw-text-section: 2.5rem;
  --aw-leading-section: 1.2;
  --aw-text-page: 1.5rem;
  --aw-leading-page: 1.333333;
  --aw-text-panel: 1rem;
  --aw-leading-panel: 1.5;
  --aw-text-body: 0.875rem;
  --aw-leading-body: 1.571429;
  --aw-text-reading: 1rem;
  --aw-leading-reading: 1.625;
  --aw-text-meta: 0.75rem;
  --aw-leading-meta: 1.5;

  --aw-space-1: 4px;
  --aw-space-2: 8px;
  --aw-space-3: 12px;
  --aw-space-4: 16px;
  --aw-space-5: 20px;
  --aw-space-6: 24px;
  --aw-space-8: 32px;
  --aw-space-10: 40px;
  --aw-space-12: 48px;
  --aw-space-16: 64px;
  --aw-space-24: 96px;
  --aw-space-32: 128px;
  --aw-control-sm: 32px;
  --aw-control-md: 40px;
  --aw-control-lg: 48px;
  --aw-target-touch: 44px;
  --aw-icon-sm: 16px;
  --aw-icon-md: 20px;
  --aw-icon-lg: 24px;
  --aw-icon-stroke: 1.75px;
  --aw-radius-sm: 8px;
  --aw-radius-md: 12px;
  --aw-radius-lg: 16px;
  --aw-radius-xl: 24px;
  --aw-radius-pill: 999px;
  --aw-border-width: 1px;
  --aw-selected-width: 2px;
  --aw-focus-width: 2px;
  --aw-focus-offset: 2px;
  --aw-marketing-max-width: 1200px;
  --aw-panel-width: 360px;
  --aw-modal-width: 560px;

  --aw-shadow-surface: 0 1px 3px rgb(0 0 0 / 4%);
  --aw-shadow-floating: 0 8px 28px rgb(0 0 0 / 8%), 0 1px 3px rgb(0 0 0 / 4%);
  --aw-shadow-modal: 0 20px 64px rgb(0 0 0 / 14%);
  --aw-floating-blur: 12px;
  --aw-duration-fast: 120ms;
  --aw-duration-normal: 180ms;
  --aw-duration-panel: 240ms;
  --aw-duration-reveal: 320ms;
  --aw-duration-exit: 140ms;
  --aw-ease-ui: cubic-bezier(0.2, 0.8, 0.2, 1);
  --aw-ease-enter: cubic-bezier(0.16, 1, 0.3, 1);
  --aw-ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --aw-motion-offset-small: 4px;
  --aw-motion-offset-medium: 8px;
  --aw-motion-offset-large: 16px;
  --aw-press-scale: 0.98;
}

/* 只提供首版浅色主题；透明不可用时，实际组件应退回 --aw-surface。
 * 下列减少动效变量需要组件正确消费；它们不自动覆盖旧 CSS/JS 的动画。
 * 未知进度即使不动，也须保留可读状态文字。
 */
[data-ui-theme="air-white"] { color-scheme: light; }
@media (prefers-reduced-motion: reduce) {
  :root {
    --aw-duration-fast: 0ms;
    --aw-duration-normal: 0ms;
    --aw-duration-panel: 0ms;
    --aw-duration-reveal: 0ms;
    --aw-duration-exit: 0ms;
    --aw-motion-offset-small: 0px;
    --aw-motion-offset-medium: 0px;
    --aw-motion-offset-large: 0px;
    --aw-press-scale: 1;
  }
}