/* Explain: App-specific component classes (add as needed) */
.gold-gradient-text {
    background: linear-gradient(to right, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.gold-btn {
    background: linear-gradient(to bottom, #d4af37, #aa771c) !important;
    color: #ffffff !important;
    border: 1px solid #fcf6ba !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2) !important;
    transition: all 0.3s ease !important;
}

.gold-btn:hover {
    box-shadow: 0 6px 20px rgba(212, 175, 55, 0.4) !important;
    transform: translateY(-2px) !important;
}

.outline-gold-btn {
    background: transparent !important;
    color: var(--primary-color) !important;
    border: 1px solid var(--primary-color) !important;
    transition: all 0.3s ease !important;
}

.outline-gold-btn:hover {
    background: rgba(212, 175, 55, 0.1) !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.2) !important;
}

.luxury-card {
    background: var(--surface-color);
    border: 1px solid var(--border-color);
    transition: all 0.3s ease;
}

.luxury-card:hover {
    border-color: var(--primary-color);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    transform: translateY(-4px);
}