:root {
  --bg-dark: #0D0D0D;
  --bg-light: #F2F2F2;
  --primary: #254019;
  --secondary: #335918;
  --accent: #6E8C2B;
}

html {
  scroll-behavior: smooth;
  background-color: var(--bg-dark);
}

body {
  font-family: 'Inter', sans-serif;
  background-color: var(--bg-dark);
  color: var(--bg-light);
  overflow-x: hidden;
}

.font-mono {
  font-family: 'JetBrains Mono', monospace;
}
.glow-container {
  position: relative;
}

.glow-bg {
  position: absolute;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(37, 64, 25, 0.25) 0%, rgba(51, 89, 24, 0.1) 50%, rgba(13, 13, 13, 0) 70%);
  filter: blur(80px);
  pointer-events: none;
  z-index: 0;
}

.glow-bg-accent {
  position: absolute;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(110, 140, 43, 0.15) 0%, rgba(37, 64, 25, 0.05) 50%, rgba(13, 13, 13, 0) 70%);
  filter: blur(60px);
  pointer-events: none;
  z-index: 0;
}
.tech-grid {
  background-size: 40px 40px;
  background-image:
    linear-gradient(to right, rgba(255, 255, 255, 0.01) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.01) 1px, transparent 1px);
}
.glass-card {
  background: rgba(13, 13, 13, 0.7);
  border: 1px solid rgba(51, 89, 24, 0.3);
  backdrop-filter: blur(12px);
  transition: all 0.3s ease;
}

.glass-card:hover {
  border-color: var(--accent);
  box-shadow: 0 10px 30px -10px rgba(110, 140, 43, 0.2);
  transform: translateY(-4px);
}
.araucaria-line {
  stroke: var(--accent);
  stroke-dasharray: 8;
  animation: dash 30s linear infinite;
}

@keyframes dash {
  to {
    stroke-dashoffset: -1000;
  }
}
.float-animation {
  animation: float 6s ease-in-out infinite;
}

@keyframes float {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0px);
  }
}
.form-input {
  background: rgba(13, 13, 13, 0.8);
  border: 1px solid rgba(37, 64, 25, 0.6);
  color: var(--bg-light);
  transition: all 0.3s ease;
}

.form-input:focus {
  border-color: var(--accent);
  outline: none;
  box-shadow: 0 0 10px rgba(110, 140, 43, 0.2);
}
a:focus-visible,
button:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
  border-radius: 4px;
}
@media (prefers-reduced-motion: reduce) {

  .float-animation,
  .animate-ping,
  .animate-bounce {
    animation: none !important;
  }

  .glass-card:hover {
    transform: none;
  }

  .araucaria-line {
    animation: none;
  }

  html {
    scroll-behavior: auto;
  }
}