:root {
  --background: #f7f7f4;
  --surface: #ffffff;
  --foreground: #20211f;
  --muted: #666961;
  --border: #d9dbd3;
  --primary: #ddd0f2;
  --primary-ink: #594178;
  --success: #3a654e;
  --success-soft: #e6ece4;
  --dark: #202720;
  --on-dark: #f6f6ed;
  --focus: #6a43a0;
  --vlog-campus: #ffe266;
  --vlog-internship: #bced9a;
  --vlog-travel: #9bd9f7;
  --vlog-learning: #ffb1c2;
  --vlog-ink: #262622;
  --vlog-paper: #fffdf3;
  --vlog-line: #26262233;
  --vlog-tape: #ffffffb8;
  --video-scrim: #151a16e6;
  --font: Inter, "PingFang SC", "Microsoft YaHei", sans-serif;
  --radius: 12px;
  --motion: 180ms;
}