@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root {
    --bg-primary: #0b0f19;
    --bg-secondary: #111827;
    --bg-card: rgba(17, 24, 39, 0.7);
    --border-color: rgba(255, 255, 255, 0.08);
    --text-primary: #f3f4f6;
    --text-secondary: #9ca3af;
    --primary-color: #6366f1;
    --primary-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);
    --accent-color: #06b6d4;
    --danger-color: #ef4444;
    --danger-bg: rgba(239, 68, 68, 0.15);
    --success-color: #10b981;
}

body {
    background-image: url('img/bg-image.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.shadow-text {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

[data-toggle="collapse"] .fa-chevron-down {
    transition: transform 0.3s ease;
}

[data-toggle="collapse"]:not(.collapsed) .fa-chevron-down {
    transform: rotate(180deg);
}

.risk-card {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 15px;
    transition: all 0.3s ease;
}

.progress {
    height: 10px;
    border-radius: 5px;
    background-color: #e9ecef;
}

.progress-bar-loading {
    background: linear-gradient(90deg, #dee2e6 25%, #e9ecef 50%, #dee2e6 75%);
    background-size: 200% 100%;
    animation: progress-loading 1.5s infinite;
}

@keyframes progress-loading {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

/* Da implementare a fine sito, prima è meglio concentrarsi su funzionalità */