body {
    font-family: 'Inter', sans-serif;
    background-color: #000000;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.status-badge-now {
    background-color: rgba(46, 144, 250, 0.1);
    color: #2e90fa;
}

.status-badge-blocked {
    background-color: rgba(243, 141, 1, 0.1);
    color: #f38d01;
}

.status-badge-overdue {
    background-color: rgba(255, 84, 70, 0.1);
    color: #ff5446;
}

.status-badge-done {
    background-color: rgba(46, 250, 144, 0.1);
    color: #2efa90;
}

.status-badge-clean {
    background-color: rgba(46, 250, 144, 0.05);
    color: #8a919e;
}

.project-card:hover {
    background-color: #1a1a1a;
    border-color: #2e90fa;
}

@media (max-width: 767.98px) {
    .mobile-action-footer-offset {
        bottom: 4rem;
        bottom: calc(4rem + env(safe-area-inset-bottom));
    }
}