:root {
    /* Locked elegant copper / brown as requested */
    --accent-color: #c28b51;
    --accent-hover: #a8743f;
    --accent-glow: rgba(194, 139, 81, 0.15);
    --tactical-green: #0d140e;
    --tactical-green-border: #142116;
}

body {
    background-color: #060606;
    color: #e5e5e5;
    font-family: 'Inter', sans-serif;
    overflow-x: hidden;
}

.font-tactical {
    font-family: 'Space Grotesk', sans-serif;
    letter-spacing: -0.02em;
}

.accent-text {
    color: var(--accent-color);
}

.accent-bg {
    background-color: var(--accent-color);
}

.accent-border {
    border-color: var(--accent-color);
}

.accent-border-hover:hover {
    border-color: var(--accent-color);
}

.accent-glow-effect {
    box-shadow: 0 0 25px var(--accent-glow);
}

.custom-transition {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Stylized tactical grid background */
.tactical-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);
}

/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: #060606;
}

::-webkit-scrollbar-thumb {
    background: #1a1a1a;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--accent-color);
}

/* Animations for fluid scroll */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

.reveal-delay-100 { transition-delay: 100ms; }
.reveal-delay-200 { transition-delay: 200ms; }
.reveal-delay-300 { transition-delay: 300ms; }