/* Fastly Demo Site - Main Styles */

/* Color Palette Variables */
:root {
    --color-dark-navy: #09122C;
    --color-burgundy: #872341;
    --color-crimson: #BE3144;
    --color-coral: #E17564;
    --color-dark-bg: #1a1f3a;
}

/* Animations */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideIn {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}

.fade-in {
    animation: fadeIn 0.3s ease-in;
}

.gallery-item-enter {
    animation: slideIn 0.5s ease-out;
}

/* Gallery Styles */
.gallery-wrapper {
    position: relative;
    overflow: hidden;
}

.gallery-item {
    transition: all 0.5s ease-in-out;
}

/* Modal Styles */
.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(4px);
}

/* Form Input Focus */
input:focus {
    box-shadow: 0 0 0 3px rgba(190, 49, 68, 0.3);
}