/*
 * 暖色主题（淡橙 + 淡粉）：全局变量，供 App 与各组件 CSS 引用
 */
:root {
  --warm-bg-1: #fff5ef;
  --warm-bg-2: #ffe8ec;
  --warm-bg-3: #ffe4d4;
  --accent: #e8897a;
  --accent-soft: #f4b8a8;
  --accent-secondary: #f5c4d0;
  --accent-link: #b84d5f;
  --accent-r: 232;
  --accent-g: 137;
  --accent-b: 122;
  --accent-2-r: 245;
  --accent-2-g: 196;
  --accent-2-b: 208;
  --warm-shadow-rgb: 120, 65, 55;

  --warm-gradient-page: linear-gradient(135deg, var(--warm-bg-1) 0%, var(--warm-bg-2) 50%, var(--warm-bg-3) 100%);
  --warm-gradient-page-pwa: linear-gradient(135deg, var(--warm-bg-1) 0%, var(--warm-bg-2) 40%, var(--warm-bg-3) 100%);
  --accent-gradient: linear-gradient(135deg, var(--accent), var(--accent-secondary));
  --accent-gradient-90: linear-gradient(90deg, var(--accent), var(--accent-secondary));

  --accent-alpha-10: rgba(var(--accent-r), var(--accent-g), var(--accent-b), 0.1);
  --accent-alpha-14: rgba(var(--accent-r), var(--accent-g), var(--accent-b), 0.14);
  --accent-alpha-20: rgba(var(--accent-r), var(--accent-g), var(--accent-b), 0.2);
  --accent-alpha-30: rgba(var(--accent-r), var(--accent-g), var(--accent-b), 0.3);
  --accent-alpha-35: rgba(var(--accent-r), var(--accent-g), var(--accent-b), 0.35);
  --accent-alpha-40: rgba(var(--accent-r), var(--accent-g), var(--accent-b), 0.4);
  --accent-alpha-50: rgba(var(--accent-r), var(--accent-g), var(--accent-b), 0.5);
  --accent-2-alpha-10: rgba(var(--accent-2-r), var(--accent-2-g), var(--accent-2-b), 0.1);
  --accent-2-alpha-85: rgba(var(--accent-2-r), var(--accent-2-g), var(--accent-2-b), 0.85);
  --warm-deep-alpha-08: rgba(var(--warm-shadow-rgb), 0.08);
  --warm-deep-alpha-12: rgba(var(--warm-shadow-rgb), 0.12);
  --warm-deep-alpha-14: rgba(var(--warm-shadow-rgb), 0.14);
  --warm-deep-alpha-32: rgba(var(--warm-shadow-rgb), 0.32);
}

/*
 * 西文：Inter（独立站/产品站常用）
 * 中文：Noto Sans SC（思源黑体，与 Inter 混排常见）
 * 回退：系统无衬线，保证无网络时仍可读
 */
body {
  margin: 0;
  font-family: 'Inter', 'Noto Sans SC', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei',
    'Segoe UI', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}
