:root {
  /* Core colors */
  --bg-main: #0b1412;
  --bg-soft: #0f1f1a;
  --text-main: #e6f2ed;
  --text-muted: #9fb8ad;
  --header-offset: 88px;

  /* SeñorDev green */
  --accent-main: #2fa37a;
  --accent-soft: #6ad1a3;
  --accent-dark: #1f7a5c;

  /* Code */
  --code-bg: #0d1a16;
  --border-soft: rgba(255,255,255,0.06);

  /* Fonts */
  --font-sans: 'Space Grotesk', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
}

html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: var(--font-sans);
  background: radial-gradient(circle at 50% 20%, #122821, var(--bg-main));
  color: var(--text-main);
}

a {
  color: inherit;
  text-decoration: none;
}

section {
  padding: 6rem 2rem;
  max-width: 1200px;
  margin: 0 auto;
  scroll-margin-top: var(--header-offset);
}

/* Force external bundle */
body::before {
  content: "";
  display: none;
}