/* Text Colors */
.text-gold {
    color: var(--color-accent);
}

.text-neon {
    color: var(--color-neon);
}

.text-white {
    color: var(--pure-white);
}

.text-center {
    text-align: center;
}

/* Backgrounds */
.bg-dark {
    background-color: var(--midnight-navy);
}

.bg-ocean {
    background-color: var(--deep-ocean);
}

.bg-glass {
    background: var(--glass-bg);
    backdrop-filter: var(--glass-blur);
}

/* Spacing */
.mt-sm {
    margin-top: var(--space-sm);
}

.mt-md {
    margin-top: var(--space-md);
}

.mt-lg {
    margin-top: var(--space-lg);
}

.mt-xl {
    margin-top: var(--space-xl);
}

.mb-sm {
    margin-bottom: var(--space-sm);
}

.mb-md {
    margin-bottom: var(--space-md);
}

.mb-lg {
    margin-bottom: var(--space-lg);
}

.mb-xl {
    margin-bottom: var(--space-xl);
}

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

.d-flex {
    display: flex;
}

.v-hidden {
    visibility: hidden;
}

/* Z-index */
.z-10 {
    z-index: 10;
}

.z-relative {
    position: relative;
    z-index: 2;
}

/* Image Masks */
.mask-gold {
    filter: drop-shadow(0 0 10px rgba(201, 176, 55, 0.4));
}

/* Flex Gap Utilities */
.gap-xs {
    gap: var(--space-xs);
}

.gap-sm {
    gap: var(--space-sm);
}

.gap-md {
    gap: var(--space-md);
}

.gap-lg {
    gap: var(--space-lg);
}