/* style.css - Flexible Hilfen NF Original Design Styles */
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');

@layer base {
    body {
        background-color: #F8FAF9;
        color: #374151;
        font-family: 'Fira Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        line-height: 1.6;
    }

    h1, h2, h3, h4, h5, h6 {
        font-family: 'Fira Sans', sans-serif;
    }
}

/* Brand Colors */
.text-brand-green { color: #3F8435; }
.bg-brand-green { background-color: #3F8435; }
.bg-brand-green:hover { background-color: #35712E; }
.border-brand-green { border-color: #3F8435; }

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #F1F5F9;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb {
    background: #CBD5E1;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94A3B8;
}

.provider-card {
    transition: all 0.2s ease-in-out;
}
.provider-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04);
}

.tag-badge {
    background-color: #E2E8F0;
    color: #334155;
    font-size: 0.7rem;
    padding: 0.15rem 0.4rem;
    border-radius: 0.25rem;
    font-weight: 500;
}

/* Distanz Badges mit feinen Abstufungen */
.badge-dist-green {
    background-color: #DCFCE7;
    color: #166534;
    border: 1px solid #BBF7D0;
}

.badge-dist-green-orange {
    background-color: #FEF08A;
    color: #854D0E;
    border: 1px solid #FDE047;
}

.badge-dist-orange {
    background-color: #FFEDD5;
    color: #9A3412;
    border: 1px solid #FED7AA;
}

.badge-dist-orange-red {
    background-color: #FFD8D8;
    color: #991B1B;
    border: 1px solid #FCA5A5;
}

.badge-dist-red {
    background-color: #FEE2E2;
    color: #7F1D1D;
    border: 1px solid #FECACA;
}