@import url('https://fonts.googleapis.com');

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    background-color: #fcfdfc; /* Ultra lys grå-grøn for renhed */
    color: #062d24; /* Dyb mørkegrøn for maksimal læsbarhed */
}

.brand-gradient {
    background: linear-gradient(135deg, #10b981 0%, #064e3b 100%);
}

.card-pop {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

    .card-pop:hover {
        transform: translateY(-4px);
        border-color: #10b981;
        box-shadow: 0 20px 25px -5px rgba(16, 185, 129, 0.1);
    }

.nav-glass {
    background: rgba(255, 255, 255, 0.95);
    border-bottom: 2px solid #f1f5f9;
}

.ui-mockup {
    border: 1px solid #cbd5e1;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
}
/* Modal animationer */
#contactModal {
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.modal-content {
    transition: transform 0.3s ease;
    transform: scale(0.95);
}

#contactModal.open {
    opacity: 1;
    visibility: visible;
}

    #contactModal.open .modal-content {
        transform: scale(1);
    }