:root {
  --bg: #fffbf7;
  --surface: #fffdfa;
  --surface-soft: #f6f1e8;
  --surface-deep: #ece5d7;
  --ink: #2f2c25;
  --ink-soft: #676256;
  --primary: #4b6a97;
  --primary-soft: #a8c3eb;
  --accent: #d8e8b9;
  --warm: #f7d7c2;
  --line-soft: rgba(47, 44, 37, 0.08);
  --shadow-soft: 0 24px 60px rgba(57, 56, 47, 0.08);
  --shadow-float: 0 20px 40px rgba(57, 56, 47, 0.06);
  --radius-sm: 1rem;
  --radius-md: 1.5rem;
  --radius-lg: 2rem;
  --radius-xl: 2.75rem;
  --radius-pill: 999px;
  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.25rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 2.5rem;
  --space-8: 3rem;
  --container: 72rem;
  --font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Segoe UI", sans-serif;
  --tone-1-bg: #f1ebff;
  --tone-1-text: #7751c7;
  --tone-2-bg: #ffe8ef;
  --tone-2-text: #c05478;
  --tone-3-bg: #ffe5df;
  --tone-3-text: #c26052;
  --tone-4-bg: #ffe8d5;
  --tone-4-text: #bf7349;
  --tone-5-bg: #fff4d1;
  --tone-5-text: #ad8124;
  --tone-6-bg: #ebf5de;
  --tone-6-text: #5a8741;
  --tone-7-bg: #def5f4;
  --tone-7-text: #3b8e95;
  --tone-8-bg: #e5efff;
  --tone-8-text: #4c74b9;
  --tone-9-bg: #dde6fa;
  --tone-9-text: #5b6faa;
}