@layer utilities {
    .text-muted {
        color: var(--color-text-muted);
    }
    .text-sm {
        font-size: var(--text-sm);
    }
    .text-xs {
        font-size: var(--text-xs);
    }
    .font-mono {
        font-family: var(--font-mono);
    }
    .mt-1 {
        margin-top: var(--space-1);
    }
    .mt-2 {
        margin-top: var(--space-2);
    }
    .mt-4 {
        margin-top: var(--space-4);
    }
    .mt-6 {
        margin-top: var(--space-6);
    }
    .mb-4 {
        margin-bottom: var(--space-4);
    }
    .flex {
        display: flex;
    }
    .gap-2 {
        gap: var(--space-2);
    }
    .gap-4 {
        gap: var(--space-4);
    }
    .items-center {
        align-items: center;
    }
    .justify-between {
        justify-content: space-between;
    }
    .hidden {
        display: none;
    }
}