/**
 * Utility Classes
 * Helper classes for spacing, display, colors, etc.
 */

/* Spacing Utilities */
.tek-mb-1 { margin-bottom: var(--spacing-sm); }
.tek-mb-2 { margin-bottom: 0.75rem; }
.tek-mb-3 { margin-bottom: var(--spacing-md); }
.tek-mb-4 { margin-bottom: 1.25rem; }
.tek-mb-5 { margin-bottom: var(--spacing-lg); }

.tek-mt-1 { margin-top: var(--spacing-sm); }
.tek-mt-2 { margin-top: 0.75rem; }
.tek-mt-3 { margin-top: var(--spacing-md); }
.tek-mt-4 { margin-top: 1.25rem; }
.tek-mt-5 { margin-top: var(--spacing-lg); }

.tek-p-1 { padding: var(--spacing-sm); }
.tek-p-2 { padding: 0.75rem; }
.tek-p-3 { padding: var(--spacing-md); }
.tek-p-4 { padding: 1.25rem; }
.tek-p-5 { padding: var(--spacing-lg); }

/* Display Utilities */
.tek-flex { display: flex; }
.tek-inline-flex { display: inline-flex; }
.tek-grid { display: grid; }
.tek-block { display: block; }
.tek-inline-block { display: inline-block; }
.tek-hidden { display: none; }

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

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

.tek-flex-column {
    display: flex;
    flex-direction: column;
}

/* Text Utilities */
.tek-text-center { text-align: center; }
.tek-text-left { text-align: left; }
.tek-text-right { text-align: right; }

/* Color Utilities */
.tek-text-primary { color: var(--color-primary); }
.tek-text-white { color: var(--color-white); }
.tek-text-dark { color: var(--color-text-dark); }
.tek-text-light { color: var(--color-text-light); }
.tek-text-muted { color: var(--color-text-muted); }

.tek-bg-primary { background-color: var(--color-primary); }
.tek-bg-white { background-color: var(--color-white); }
.tek-bg-light { background-color: var(--color-background-light); }

/* Border Utilities */
.tek-rounded-sm { border-radius: var(--radius-sm); }
.tek-rounded-md { border-radius: var(--radius-md); }
.tek-rounded-lg { border-radius: var(--radius-lg); }
.tek-rounded-xl { border-radius: var(--radius-xl); }
.tek-rounded-full { border-radius: var(--radius-full); }

/* Shadow Utilities */
.tek-shadow-sm { box-shadow: var(--shadow-sm); }
.tek-shadow-md { box-shadow: var(--shadow-md); }
.tek-shadow-lg { box-shadow: var(--shadow-lg); }
.tek-shadow-xl { box-shadow: var(--shadow-xl); }

/* Transition Utilities */
.tek-transition { transition: all var(--transition-base); }
.tek-transition-fast { transition: all var(--transition-fast); }
.tek-transition-slow { transition: all var(--transition-slow); }

/* Position Utilities */
.tek-relative { position: relative; }
.tek-absolute { position: absolute; }
.tek-fixed { position: fixed; }

/* Overflow Utilities */
.tek-overflow-hidden { overflow: hidden; }
.tek-overflow-auto { overflow: auto; }

/* Width Utilities */
.tek-w-full { width: 100%; }
.tek-w-auto { width: auto; }

/* Height Utilities */
.tek-h-full { height: 100%; }
.tek-h-auto { height: auto; }