:root {
    --olive: #555500;
}

body {
    background-color: #000;
    font-family: 'Inter', sans-serif;
}

.tactical {
    font-family: 'Rajdhani', sans-serif;
}

.hero-gradient {
    background: linear-gradient(75deg, rgba(0,0,0,1) 35%, rgba(0,0,0,0) 100%);
}

.glow-olive {
    box-shadow: 0 0 50px rgba(85, 85, 0, 0.2);
}

.text-olive { color: var(--olive); }
.bg-olive { background-color: var(--olive); }
.border-olive { border-color: var(--olive); }

.problem__box-img{
  height: 100%;
}

@media (max-width: 768px) {
    .hero-gradient {
        background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,1) 100%);
    }
    .text-6xl { font-size: 4rem; }
  }

html {
    scroll-behavior: smooth;
}