/* CUSTOM CSS EDITABLE AREA */
/* Add your custom styles below this line */

.header-custom {
    /* Custom header styles */
}

.footer-custom {
    /* Custom footer styles */
}

.button-primary {
    background-color: var(--primary-color);
    color: white;
    padding: 12px 24px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.button-primary:hover {
    background-color: #2563eb;
    transform: translateY(-2px);
}