:root {
    --primary-color: #d85c96; /* deeper pink */
    --secondary-color: #5c3e92; /* deeper purple */
    --accent-color: #d13670; /* darker accent pink */
    --light-color: #2b1b36; /* very dark romantic background */
    --dark-color: #fce4ec; /* light pinkish text */
    --card-bg: #3a2846; /* slightly lighter than background for cards */
    --card-border: rgba(216, 92, 150, 0.2);
    --gradient: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
    --card-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    --hover-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
    --border-radius-lg: 20px;
    --border-radius-md: 12px;
}

body {
    font-family: 'Montserrat', sans-serif !important;
    background-color: var(--light-color) !important;
    color: var(--dark-color) !important;
}

h1, h2, .dancing-script {
    font-family: 'Dancing Script', cursive !important;
}

.btn, button {
    font-family: 'Montserrat', sans-serif !important;
    border-radius: 50px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2) !important;
}

.btn:hover, button:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3) !important;
}

.card, .section {
    border-radius: var(--border-radius-lg) !important;
    box-shadow: var(--card-shadow) !important;
    transition: all 0.3s ease !important;
    border: 1px solid var(--card-border) !important;
    background-color: var(--card-bg) !important;
}

.card:hover, .section:hover {
    transform: translateY(-5px) !important;
    box-shadow: var(--hover-shadow) !important;
}

input, textarea, select {
    font-family: 'Montserrat', sans-serif !important;
    border-radius: var(--border-radius-md) !important;
    border: 2px solid #5c3e92 !important;
    background-color: #2b1b36 !important;
    color: var(--dark-color) !important;
    transition: all 0.3s ease !important;
}

input:focus, textarea:focus {
    outline: none !important;
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 3px rgba(216, 92, 150, 0.3) !important;
}