/* utilities.css - Helper classes */

/* Text colors */
.text-primary { color: var(--color-primary) !important; }
.text-secondary { color: var(--color-secondary) !important; }
.text-dark { color: var(--color-dark) !important; }
.text-muted { color: var(--color-muted) !important; }
.text-success { color: var(--color-success) !important; }
.text-danger { color: var(--color-danger) !important; }
.text-warning { color: var(--color-warning) !important; }
.text-info { color: var(--color-info) !important; }

/* Font Weights */
.fw-normal { font-weight: 400 !important; }
.fw-medium { font-weight: 500 !important; }
.fw-semibold { font-weight: 600 !important; }
.fw-bold { font-weight: 700 !important; }

/* Backgrounds */
.bg-primary-light { background-color: var(--color-primary-light) !important; }
.bg-bg-light { background-color: var(--color-bg-light) !important; }
.bg-white { background-color: var(--color-white) !important; }
.bg-success-light { background-color: var(--color-success-light) !important; }
.bg-warning-light { background-color: var(--color-warning-light) !important; }
.bg-danger-light { background-color: var(--color-danger-light) !important; }
.bg-info-light { background-color: var(--color-info-light) !important; }

/* Border helpers */
.border-none { border: none !important; }
.border-bottom-only {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid var(--color-border) !important;
}

/* Flex Alignments */
.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gap-1 { gap: 0.25rem !important; }
.gap-2 { gap: 0.5rem !important; }
.gap-3 { gap: 1rem !important; }
.gap-4 { gap: 1.5rem !important; }

/* Width/Height */
.w-full { width: 100% !important; }
.h-full { height: 100% !important; }

/* Shadows & Rounding */
.rounded-sm { border-radius: var(--border-radius-sm) !important; }
.rounded-md { border-radius: var(--border-radius-md) !important; }
.rounded-lg { border-radius: var(--border-radius-lg) !important; }
.shadow-sm { box-shadow: var(--box-shadow-sm) !important; }
.shadow-md { box-shadow: var(--box-shadow-md) !important; }
.shadow-lg { box-shadow: var(--box-shadow-lg) !important; }
.shadow-premium { box-shadow: var(--box-shadow-premium) !important; }