/* Industrial Minimalist Base Styles */
body {
    background-image: radial-gradient(circle at 1px 1px, #1A1A1A 1px, transparent 0);
    background-size: 24px 24px;
    backdrop-filter: contrast(1.05);
}

/* Fade Up Animation */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-up {
    animation: fadeUp 0.6s ease-out forwards;
}

/* Custom scrollbar for industrial feel */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #1A1A1A;
}

::-webkit-scrollbar-thumb {
    background: #DE4F1F;
    border-radius: 0;
}

::-webkit-scrollbar-thumb:hover {
    background: #B33E19;
}

/* Selection color */
::selection {
    background: #DE4F1F;
    color: #0D0D0D;
}

/* Focus styles for accessibility */
button:focus,
a:focus {
    outline: 2px solid #DE4F1F;
    outline-offset: 2px;
}

/* Responsive text sizing */
@media (max-width: 640px) {
    .fade-up {
        animation-duration: 0.4s;
    }
}