:root {
    --primary: #FF006B;
    --bg-hero: #FF006B;
    --text-light: #FFFFFF;
}

body {
    font-family: 'Inter', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins', sans-serif;
}

.hero-bg {
    background-color: var(--bg-hero);
    background-image: url('texture-grid.jpg'), linear-gradient(135deg, var(--bg-hero) 0%, #D6005A 100%);
    background-blend-mode: screen, normal;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}