:root {
  --font-mono: 'Source Code Pro', monospace;
  --color-accent: #2563eb;
}

body, input, select, textarea, button {
  font-family: var(--font-mono);
}

/* Custom Gradients matching the design */
.bg-site-gradient {
  background: linear-gradient(170deg, #fafbff 0%, #f5f4f0 100%) fixed;
}
.dark .bg-site-gradient {
  background: linear-gradient(170deg, #0f1117 0%, #141413 100%) fixed;
}

.terminal-link {
  color: var(--color-neutral-500);
  transition: color 0.2s;
}
.dark .terminal-link {
  color: var(--color-neutral-400);
}
.terminal-link:hover {
  color: var(--color-accent);
}

/* Link styles */
a {
  text-underline-offset: 3px;
  text-decoration: underline dotted rgba(163, 163, 163, 0.6);
  transition: color 0.2s, text-decoration-color 0.2s;
}
a:hover {
  color: var(--color-accent);
  text-decoration: underline solid var(--color-accent);
}