/* ===================================================================
   Kitchen Eyes - Utility Classes
   =================================================================== */

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

/* Text colors */
.text-white    { color: var(--text-white); }
.text-primary  { color: var(--text-primary); }
.text-muted    { color: var(--text-muted); }
.text-teal     { color: var(--teal-light); }
.text-gold     { color: var(--gold); }

/* Spacing */
.mt-sm { margin-top: var(--sp-sm); }
.mt-md { margin-top: var(--sp-md); }
.mt-lg { margin-top: var(--sp-lg); }
.mt-xl { margin-top: var(--sp-xl); }
.mt-2xl { margin-top: var(--sp-2xl); }
.mb-sm { margin-bottom: var(--sp-sm); }
.mb-md { margin-bottom: var(--sp-md); }
.mb-lg { margin-bottom: var(--sp-lg); }
.mb-xl { margin-bottom: var(--sp-xl); }
.mb-2xl { margin-bottom: var(--sp-2xl); }

/* Display */
.d-none    { display: none; }
.d-block   { display: block; }
.d-flex    { display: flex; }
.d-grid    { display: grid; }

/* Width */
.w-full { width: 100%; }
.mx-auto { margin-left: auto; margin-right: auto; }

/* -- Gradient Text -- */
.gradient-text {
    background: linear-gradient(135deg, #5FC7C0 0%, #1E7F7A 40%, #B8955E 80%, #D2B27A 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.gradient-text--gold {
    background: linear-gradient(135deg, #B8955E 0%, #D2B27A 50%, #E5CFA0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}