.style-guide__swatches { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.style-guide__swatch { width: 5rem; height: 3rem; border-radius: var(--radius); box-shadow: var(--shadow-card); }
.style-guide__swatch--primary { background: var(--color-primary); }
.style-guide__swatch--sidebar { background: var(--color-sidebar); }
.style-guide__swatch--accent { background: var(--gradient-brand); }
.style-guide__swatch--page { background: var(--color-page); }
.style-guide__swatch--danger { background: var(--color-danger); }