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

body {
    font-family: 'Inter', sans-serif;
}

.procedure-step {
    transition: all 0.2s ease;
}

.procedure-step:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.status-badge {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    border-radius: 9999px;
}

.status-approved {
    background-color: #10B981;
    color: white;
}

.status-draft {
    background-color: #F59E0B;
    color: white;
}

.status-review {
    background-color: #3B82F6;
    color: white;
}

.lego-brick {
    border-radius: 4px;
    border-bottom: 4px solid rgba(0, 0, 0, 0.1);
}

.lego-brick-primary {
    background-color: #FF5F5F;
}

.lego-brick-secondary {
    background-color: #5F9EA0;
}

.lego-brick-tertiary {
    background-color: #FFD166;
}