:root {
    --rose-pink: #E91E63;
    --sunset-orange: #FF6B35;
    --golden-yellow: #FFC300;
    --charcoal: #2C2C2C;
    --warm-white: #FAF9F6;
    --soft-gray: #F5F5F5;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Outfit', sans-serif;
    color: var(--charcoal);
    background: var(--warm-white);
    overflow-x: hidden;
}

h1, h2, h3, h4 {
    font-family: 'Playfair Display', serif;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}