/* ====== 设计 Token — 暖光奶油主题 ====== */
:root {
  /* 主色调 */
  --color-primary: #e8994a;
  --color-primary-dark: #d4883c;
  --color-gradient: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));

  /* 背景 */
  --color-bg-start: #fef9f0;
  --color-bg-end: #fdecd0;
  --color-surface: #fff;

  /* 文字 */
  --color-text: #3d2e1c;
  --color-text-secondary: #b8946e;
  --color-text-muted: #c4a88c;
  --color-text-placeholder: #c4a88c;

  /* 边框与状态 */
  --color-border: #f0e0d0;
  --color-error-bg: #fff0f0;
  --color-error-border: #ff4d4f;
  --color-success: #4ecdc4;
  --color-warning-bg: #fffbe6;
  --color-warning-border: #ffe58f;
  --color-warning-text: #8c6e00;

  /* 圆角 */
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 24px;
  --radius-2xl: 32px;
  --radius-full: 40px;

  /* 间距 */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 20px;
  --space-2xl: 24px;

  /* 字体 */
  --font-display: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-body: 'Noto Sans SC', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;

  /* 交互 */
  --touch-min: 44px;
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --shadow-card: 0 8px 32px rgba(200, 150, 80, 0.15);
  --shadow-hover: 0 4px 16px rgba(200, 150, 80, 0.2);
  --skeleton-bg: linear-gradient(90deg, #f0e0d0 25%, #faf0e0 50%, #f0e0d0 75%);
}

/* 风格卡片强调色 */
.style-card[data-index="2"] { --card-accent: #e8994a; }
.style-card[data-index="0"] { --card-accent: #c8782a; }
.style-card[data-index="1"] { --card-accent: #e894a8; }
.style-card[data-index="3"] { --card-accent: #6db894; }
.style-card[data-index="4"] { --card-accent: #8c7a6b; }
.style-card[data-index="5"] { --card-accent: #4a3a2a; }