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

:root {
    --primary: #9f1239; /* rose-700 */
    --on-primary: #ffffff;
    --surface: #ffffff;
    --on-surface: #0f172a; /* slate-900 */
    --secondary: #64748b; /* slate-500 */
}

body {
    font-family: 'Inter', sans-serif;
    color: var(--on-surface);
}

h1, h2, h3, .font-headline {
    font-family: 'Epilogue', sans-serif;
}

.glass-card {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.float-animation {
    animation: float 6s ease-in-out infinite;
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}