/* ============================================
   设计令牌（莫兰迪低饱和色系）
   Design Tokens (Morandi Low-saturation Palette)
   ============================================ */

:root {
  /* ===== 背景层 ===== */
  --bg-canvas: #F5F1EB;          /* 米白主背景 */
  --bg-card: #FBF8F2;            /* 卡片背景（更白） */
  --bg-elevated: #FFFFFF;        /* 弹层/输入框 */
  --bg-overlay: rgba(245, 241, 235, 0.92);

  /* ===== 文字 ===== */
  --text-primary: #3A3530;       /* 主文字（深咖） */
  --text-secondary: #6B655D;     /* 次要文字 */
  --text-muted: #A39D94;         /* 提示文字 */
  --text-inverse: #FBF8F2;       /* 反色文字 */

  /* ===== 主题色（替代 GenFlow 的青绿） ===== */
  --accent-primary: #9DB1C0;     /* 雾蓝主色 */
  --accent-primary-deep: #7A8B98;
  --accent-secondary: #B5C0AC;   /* 灰绿辅色 */
  --accent-secondary-deep: #8FA084;
  --accent-warm: #C9B79C;        /* 奶咖强调 */
  --accent-warm-deep: #A89173;
  --accent-blush: #D4B5A5;       /* 灰粉点缀 */

  /* ===== 气泡渐变 ===== */
  --orb-gradient: radial-gradient(circle at 30% 30%,
    #FBF8F2 0%,
    #D4CFBE 40%,
    #9DB1C0 80%,
    #7A8B98 100%);

  /* ===== 描边与分割 ===== */
  --border-soft: rgba(58, 53, 48, 0.06);
  --border-medium: rgba(58, 53, 48, 0.12);
  --border-strong: rgba(58, 53, 48, 0.24);

  /* ===== 阴影（柔和扩散） ===== */
  --shadow-xs: 0 1px 2px rgba(58, 53, 48, 0.04);
  --shadow-sm: 0 2px 6px rgba(58, 53, 48, 0.06);
  --shadow-md: 0 4px 16px -4px rgba(58, 53, 48, 0.10);
  --shadow-lg: 0 12px 32px -8px rgba(58, 53, 48, 0.14);
  --shadow-orb: 0 24px 60px -16px rgba(122, 139, 152, 0.45);

  /* ===== 圆角 ===== */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;

  /* ===== 间距 ===== */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;

  /* ===== 字号 ===== */
  --fs-xs: 11px;
  --fs-sm: 12px;
  --fs-base: 14px;
  --fs-md: 15px;
  --fs-lg: 17px;
  --fs-xl: 20px;
  --fs-2xl: 24px;
  --fs-3xl: 32px;
  --fs-4xl: 44px;

  /* ===== 字体 ===== */
  --font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;

  /* ===== 安全区 ===== */
  --safe-top: env(safe-area-inset-top, 0);
  --safe-bottom: env(safe-area-inset-bottom, 0);

  /* ===== 动效时长 ===== */
  --duration-fast: 150ms;
  --duration-base: 250ms;
  --duration-slow: 400ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
}