/**
 * Grid & Layout Utilities
 */

.container-fluid {
    width: 100%;
    padding-right: var(--spacing-4, 1rem);
    padding-left: var(--spacing-4, 1rem);
    margin-right: auto;
    margin-left: auto;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -0.5rem;
    margin-left: -0.5rem;
}

.col {
    flex: 1;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

/* Flexbox utilities */
.d-flex { display: flex; }
.d-block { display: block; }
.d-none { display: none; }

.justify-content-center { justify-content: center; }
.justify-content-between { justify-content: space-between; }
.align-items-center { align-items: center; }
.gap-2 { gap: var(--spacing-2, 0.5rem); }
.gap-4 { gap: var(--spacing-4, 1rem); }