/**
 * Shop Design System — Utilities CSS
 * Utility Classes Globais
 */
.s-text-primary { color: var(--s-color-primary) !important; }
.s-text-secondary { color: var(--s-color-secondary) !important; }
.s-text-accent { color: var(--s-color-accent) !important; }
.s-text-muted { color: var(--s-color-text-muted) !important; }

.s-bg-surface { background-color: var(--s-color-bg-surface) !important; }
.s-bg-light { background-color: var(--s-color-bg-light) !important; }
.s-bg-cream { background-color: var(--s-color-bg-cream) !important; }

.s-rounded-sm { border-radius: var(--s-radius-sm) !important; }
.s-rounded-md { border-radius: var(--s-radius-md) !important; }
.s-rounded-lg { border-radius: var(--s-radius-lg) !important; }
.s-rounded-pill { border-radius: var(--s-radius-pill) !important; }

.s-shadow-sm { box-shadow: var(--s-shadow-sm) !important; }
.s-shadow-md { box-shadow: var(--s-shadow-md) !important; }
.s-shadow-lg { box-shadow: var(--s-shadow-lg) !important; }

.s-d-flex { display: flex !important; }
.s-align-center { align-items: center !important; }
.s-justify-between { justify-content: space-between !important; }
.s-gap-1 { gap: 0.5rem !important; }
.s-gap-2 { gap: 1rem !important; }
.s-gap-3 { gap: 1.5rem !important; }