:root {
  --color-primary: #14b8a6;
  --color-primary-dark: #0d9488;
  --color-accent: #06b6d4;
  --font-sans: "Inter", system-ui, -apple-system, sans-serif;
  --font-mono: "Roboto Mono", monospace;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: var(--font-sans);
  line-height: 1.6;
}

.animate-spin {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Added horizontal scroll support for mobile navigation */
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
  nav {
    max-width: calc(100vw - 180px);
  }
}