/**
 * Morning Closet · Acloset Design System Tokens
 * 纯净白、克制灰、科技蓝紫轻质感、精致圆角与大厂App级别间距体系
 */
:root {
  /* 背景层次 (Acloset 标志性纯净明亮流) */
  --bg-page: #F7F8FA;
  --bg-card: #FFFFFF;
  --bg-subtle: #F2F4F7;
  --bg-input: #F3F4F6;
  --bg-hover: #ECEEF2;
  --bg-backdrop: rgba(15, 23, 42, 0.45);

  /* 主文字层次 */
  --text-main: #111827;
  --text-sub: #4B5563;
  --text-muted: #9CA3AF;
  --text-light: #D1D5DB;
  --text-white: #FFFFFF;

  /* 核心主题与点缀 (Acloset 招牌电光蓝与智能紫) */
  --primary-blue: #2563EB;
  --primary-gradient: linear-gradient(135deg, #4F46E5 0%, #2563EB 50%, #38BDF8 100%);
  --accent-purple: #7C3AED;
  --accent-purple-soft: #F3E8FF;
  --accent-blue-soft: #EFF6FF;
  --accent-coral: #F43F5E;
  --accent-green: #10B981;
  --accent-green-soft: #ECFDF5;
  --accent-yellow: #F59E0B;

  /* 卡片与控件微渐变背景 */
  --card-gradient-ai: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);
  --card-gradient-softblue: linear-gradient(135deg, #EEF2FF 0%, #E0E7FF 100%);

  /* 边框体系 */
  --border-card: #F1F3F5;
  --border-line: #E5E7EB;
  --border-dark: #1F2937;

  /* 阴影与景深 (Acloset 风格：微弱、干净、通透) */
  --shadow-card: 0 4px 20px -2px rgba(0, 0, 0, 0.04), 0 2px 6px -1px rgba(0, 0, 0, 0.02);
  --shadow-float: 0 12px 32px -4px rgba(15, 23, 42, 0.12), 0 4px 12px -2px rgba(15, 23, 42, 0.06);
  --shadow-center-btn: 0 8px 24px -4px rgba(17, 24, 39, 0.35);

  /* 圆角弧度 */
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-xl: 28px;
  --radius-full: 9999px;

  /* 字体族 */
  --font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-serif: "Newsreader", Georgia, serif;

  /* 手机端安全区 */
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}

:root[data-theme="dark"] {
  --bg-page: #0B0E14;
  --bg-card: #151921;
  --bg-subtle: #1E232E;
  --bg-input: #1C2029;
  --bg-hover: #262B37;
  --bg-backdrop: rgba(0, 0, 0, 0.75);

  --text-main: #F3F4F6;
  --text-sub: #9CA3AF;
  --text-muted: #6B7280;
  --text-light: #374151;

  --border-card: #202633;
  --border-line: #262D3D;

  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.4);
  --shadow-float: 0 12px 36px rgba(0, 0, 0, 0.6);
}