/* Import other stylesheets */
@import url('animations.css');

/* CSS Variables for our Viper theme */
:root {
    --viper-bg: #0a0a0a;
    --viper-green: #00ff9b;
    --viper-green-glow: 0 0 5px #00ff9b, 0 0 10px #00ff9b, 0 0 20px #00ff9b;
    --viper-purple: #7b2cbf;
    --viper-text: #e0e0e0;
    --viper-text-secondary: #a0a0a0;
    --font-heading: 'Oxanium', sans-serif;
    --font-body: 'Inter', sans-serif;
}

body {
    background-color: var(--viper-bg);
    color: var(--viper-text);
    font-family: var(--font-body);
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* Prevent horizontal scroll from glow effects */
}

    /* Animated Background - See animations.css for keyframes */
    body::before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: url('data:image/svg+xml,...'); /* Subtle pattern */
        animation: slow-pan 60s linear infinite;
        z-index: -1;
        opacity: 0.03;
    }

h1, h2, h3 {
    font-family: var(--font-heading);
    color: #fff;
    text-transform: uppercase;
}

.text-venom {
    color: var(--viper-green);
    text-shadow: var(--viper-green-glow);
}

.btn-venom {
    background: transparent;
    border: 2px solid var(--viper-green);
    color: var(--viper-green);
    padding: 12px 28px;
    font-family: var(--font-heading);
    font-size: 1rem;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 0 10px rgba(0, 255, 155, 0.3);
}

    .btn-venom:hover {
        background-color: var(--viper-green);
        color: var(--viper-bg);
        box-shadow: var(--viper-green-glow);
    }