@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Lato:wght@300;400;700;900&display=swap');

html { scroll-behavior: smooth; }

@layer utilities {
    .btn-maroon {
        @apply bg-[#660000] hover:bg-[#800000] text-white font-medium py-3 px-8 rounded shadow transition-all duration-300 tracking-wide;
    }
    .btn-outline-maroon {
        @apply border border-[#660000] text-[#660000] hover:bg-[#660000] hover:text-white font-medium py-3 px-8 rounded transition-all duration-300 tracking-wide;
    }
}