/* 808 Software — Brand tokens & base styles */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
  --color-accent: #0EA5E9;
  --color-accent-hover: #0284C7;
  --font-sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
}

/* Skip-to-content link */
.skip-link {
  position: absolute;
  top: -100%;
  left: 1rem;
  padding: 0.5rem 1rem;
  background: #0EA5E9;
  color: #fff;
  font-weight: 600;
  border-radius: 0 0 0.5rem 0.5rem;
  z-index: 9999;
  transition: top 0.1s;
  text-decoration: none;
}

.skip-link:focus {
  top: 0;
}

/* Visible focus ring for keyboard users */
:focus-visible {
  outline: 2px solid #0EA5E9;
  outline-offset: 3px;
}