@import url('tailwind.css');
@import url('mobile-responsive.css');

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Shared brand tokens + subtle luxury background */
:root {
    --plate-blue: #1e40af;
    --plate-yellow: #facc15;
}

/* Helps downloaded HTML feel “finished” even without framework defaults */
html,
body {
    min-height: 100%;
}

body {
    background: radial-gradient(900px 420px at 18% 16%, rgba(30, 64, 175, 0.08), transparent 60%), radial-gradient(700px 380px at 82% 22%, rgba(250, 204, 21, 0.10), transparent 55%), linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
}

/* Optional animation utility used across some pages */
.animate-blob {
    animation: blob 7s infinite;
}

@keyframes blob {
    0% {
        transform: translate(0px, 0px) scale(1);
    }

    33% {
        transform: translate(30px, -50px) scale(1.1);
    }

    66% {
        transform: translate(-20px, 20px) scale(0.9);
    }

    100% {
        transform: translate(0px, 0px) scale(1);
    }
}