/* 护动智眸 — 浅色主题（Apple Health 风格） */
:root {
  /* 背景色 */
  --bg-primary: #FFFFFF;
  --bg-secondary: #F5F5F7;
  --bg-tertiary: #FAFAFA;

  /* 文字色 */
  --text-primary: #1D1D1F;
  --text-secondary: #6E6E73;
  --text-tertiary: #AEAEB2;

  /* 骨架线颜色（彩色编码） */
  --skeleton-head: #FF375F;
  --skeleton-torso: #FF9F0A;
  --skeleton-left-arm: #30D158;
  --skeleton-right-arm: #64D2FF;
  --skeleton-left-leg: #BF5AF2;
  --skeleton-right-leg: #FFD60A;
  --skeleton-joint: #FFFFFF;

  /* 风险等级 */
  --risk-safe: #30D158;
  --risk-warning: #FF9F0A;
  --risk-danger: #FF453A;

  /* 强调色 */
  --accent: #007AFF;
  --accent-pressed: #0051D5;

  /* 圆角 */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;

  /* 阴影 */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.08);

  /* 字体 */
  --font-sans: -apple-system, BlinkMacSystemFont, 'SF Pro Display',
    'PingFang SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: var(--font-sans);
  background: var(--bg-secondary);
  color: var(--text-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}