@font-face {
    font-family: "ByteBounce";
    src: url("../fonts/ByteBounce.ttf");
}

@keyframes fade_in {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fade_in {
    animation: fade_in 1.5s ease-out forwards;
}

:root {
    --bg-primary: #0a0a0f;
    --bg-secondary: #0f0f14;
    --text-primary: #f0f0f0;
    --text-secondary: #8a8a9a;
    --purple-primary: #6b4ad8;
    --purple-secondary: #7d5ce0;
    --purple-dark: #563ab5;
}

.lucide {
    stroke: #800080;
    stroke-width: 2;
    filter: drop-shadow(0 0 8px #800080);
    transition: filter 0.3s ease;
}