/* Minimalist, Editorial Developer Portfolio Styling */
/* Inspired by clean minimalist engineering sites: true pitch black, high contrast, subtle lines */

:root {
  --bg: #000000;
  --text-main: #f4f4f5;
  --text-muted: #8b8b93;
  --border: #222225;
  --accent: #38bdf8;
}

body {
  background-color: var(--bg);
  color: var(--text-main);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  letter-spacing: -0.01em;
  -webkit-font-smoothing: antialiased;
}

/* Timeline tree styling */
.tree-line {
  position: relative;
  padding-left: 1.25rem;
  margin-left: 0.35rem;
  border-left: 1px solid #27272a;
}

.tree-node {
  position: absolute;
  left: -0.3125rem;
  top: 0.35rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 9999px;
  background-color: #52525b;
}

.tree-line:hover .tree-node {
  background-color: #a1a1aa;
}

/* Toast */
#copy-toast {
  transition: opacity 0.2s ease, transform 0.2s ease;
}

/* Links */
a {
  transition: color 0.15s ease, opacity 0.15s ease;
}