/* Dynamic CSS generato dalla configurazione */

:root {
    --primary: #0d6efd;
    --primary-dark: #0a58ca;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --white: #ffffff;
    --hero-gradient-start: #001f4d;
    --hero-gradient-end: #0a3273;
}

/* Gradient backgrounds */
.bg-primary-gradient {
    background-image: linear-gradient(135deg, #0d6efd 0%, #3c88ff 100%);
}

.bg-hero-gradient {
    background-image: linear-gradient(135deg, #001f4d 0%, #0a3273 100%);
}

.bg-success-gradient {
    background-image: linear-gradient(135deg, #28a745 0%, #20c997 100%);
}

.bg-info-gradient {
    background-image: linear-gradient(135deg, #17a2b8 0%, #0dcaf0 100%);
}

/* Hero section with gradient */
.hero-section {
    background-image: linear-gradient(135deg, #001f4d 0%, #0a3273 100%);
    color: white;
}

/* Pulse animation for primary buttons */
@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.7);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(13, 110, 253, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(13, 110, 253, 0);
    }
}

.btn-primary.pulse {
    animation: pulse-animation 2s infinite;
}