:root { --yader-red: #D2232A; }
html { scroll-behavior: smooth; }
.bg-yader { background-color: var(--yader-red); }
.text-yader { color: var(--yader-red); }
.bg-yader-light { background-color: #FAEAEA; }

/* fade in animation */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}
.fade-in-up { animation: fadeInUp 0.8s ease-out forwards; }
.fade-in-up-delay { animation: fadeInUp 0.8s 0.2s ease-out forwards; opacity: 0; }

/* focus ring for inputs */
input:focus, textarea:focus {
    border-color: var(--yader-red) !important;
    box-shadow: 0 0 0 3px rgba(210, 35, 42, 0.15);
}