/* Default — clean, modern, neutral. */
:root {
  --bg: #f5f5f7;
  --surface: #fff;
  --text: #1d1d1f;
  --text-muted: #6e6e73;
  --accent: #4f46e5;
  --border: #e5e5ea;
  --radius: 12px;
  --font: system-ui, -apple-system, sans-serif;
  --font-size: 14px;
}
body, #app {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font);
  font-size: var(--font-size);
}
#toolbar {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 12px 16px;
  margin-bottom: 20px;
}
h1 { font-size: 18px; font-weight: 600; }
.back-link { color: var(--accent); }
.section-title { font-size: 16px; font-weight: 600; color: var(--accent); }
.project-card,
.highlight-card,
.resume-summary,
.profile-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
}
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }
.tech-tag {
  background: #eef2ff;
  border-color: #c7d2fe;
  border-radius: 999px;
  color: var(--accent);
}