:root {
  --bg: #faf7fc;
  --bg-accent: #f3edf8;
  --surface: #ffffff;
  --surface-soft: #fdfaff;
  --surface-strong: #f1e8f5;
  --text: #2e2333;
  --text-soft: #67576e;
  --text-faint: #8f7f96;
  --line: #e9dced;
  --line-strong: #d5c0da;
  --accent: #a63d78;
  --accent-strong: #86255c;
  --accent-soft: #f8e2ef;
  --accent-ink: #6b173f;
  --secondary: #7c5bd6;
  --secondary-soft: #ebe5fb;
  --success: #2f745c;
  --success-soft: #e2f5ec;
  --danger: #b53745;
  --danger-soft: #ffe6e9;
  --star: #efb24b;
  --avatar-blob: #f4e2ee;
  --tone-0: #f6cfe0;
  --tone-1: #f7d8d4;
  --tone-2: #f2d3e8;
  --tone-3: #e2d6f7;
  --tone-4: #d8d3f4;
  --tone-5: #ecd0e4;
  --tone-6: #f3d9cd;
  --tone-7: #ddd4f0;
}

:root[data-theme="dark"] {
  --bg: #16121a;
  --bg-accent: #1d1721;
  --surface: #221b27;
  --surface-soft: #271f2c;
  --surface-strong: #30253a;
  --text: #f3eaf5;
  --text-soft: #c9b8cf;
  --text-faint: #a690ae;
  --line: #392c40;
  --line-strong: #55405f;
  --accent: #ec86b8;
  --accent-strong: #ffadd2;
  --accent-soft: #422635;
  --accent-ink: #ffd6e8;
  --secondary: #b3a2ff;
  --secondary-soft: #302a4d;
  --success: #8bd6b8;
  --success-soft: #1f3a31;
  --danger: #ff9ca5;
  --danger-soft: #412328;
  --star: #f3c76f;
  --avatar-blob: #f3e4ee;
  --tone-0: #4a2939;
  --tone-1: #4a3030;
  --tone-2: #452b41;
  --tone-3: #322a4d;
  --tone-4: #2b2a4a;
  --tone-5: #3d2740;
  --tone-6: #43302a;
  --tone-7: #302c47;
}