:root {
    --reg-black: #1A1A18;
    --reg-gold: #FBCD20;
    --reg-slate: #58686D;
}

.registry-hero,
.registry-header,
.registry-index-hero {
    background: var(--reg-black);
    color: #fff;
}

.registry-hero h1,
.registry-header h2,
.registry-index-hero h1 {
    color: #fff;
}

.registry-hero .lead,
.registry-header p,
.registry-index-hero p {
    color: rgba(255, 255, 255, 0.82);
}

.registry-type-baby_shower {
    background: var(--reg-gold);
    color: var(--reg-black);
}

.registry-type-birthday {
    background: rgba(88, 104, 109, 0.16);
    color: var(--reg-black);
}

.registry-type-wedding {
    background: var(--reg-black);
    color: var(--reg-gold);
}

.registry-type-other {
    background: #f3f4f4;
    color: var(--reg-slate);
}

.stat-value,
.stat-card .stat-value {
    color: var(--reg-black);
}

.progress-fill,
.quantity-fill {
    background: var(--reg-gold);
}

.product-price {
    color: var(--reg-black);
}

.priority-high {
    background: var(--reg-black);
    color: #fff;
}

.priority-medium {
    background: var(--reg-gold);
    color: var(--reg-black);
}

.priority-low {
    background: rgba(88, 104, 109, 0.16);
    color: var(--reg-slate);
}

.completed-badge {
    background: var(--reg-gold) !important;
    color: var(--reg-black) !important;
}

.lock-icon {
    color: var(--reg-gold);
}

.share-link {
    color: var(--reg-black);
}

.share-btn-copy {
    background: var(--reg-black);
    color: #fff;
}

.share-btn-copy:hover {
    background: var(--reg-gold);
    color: var(--reg-black);
}

.registry-theme .btn-primary,
.registry-theme .btn-primary:focus {
    background-color: var(--reg-black);
    border-color: var(--reg-black);
    color: #fff;
}

.registry-theme .btn-primary:hover {
    background-color: var(--reg-gold);
    border-color: var(--reg-gold);
    color: var(--reg-black);
}

.registry-theme .btn-outline-primary {
    color: var(--reg-black);
    border-color: var(--reg-black);
}

.registry-theme .btn-outline-primary:hover {
    background-color: var(--reg-gold);
    border-color: var(--reg-gold);
    color: var(--reg-black);
}

#productRegistryBtn.btn-success,
#qvProductRegistryBtn.btn-success {
    background-color: var(--reg-black);
    border-color: var(--reg-black);
    color: #fff;
}

#productRegistryBtn.btn-success .badge,
#qvProductRegistryBtn.btn-success .badge {
    background-color: var(--reg-gold) !important;
    color: var(--reg-black) !important;
}

#productRegistryBtn.btn-outline-success,
#qvProductRegistryBtn.btn-outline-success {
    color: var(--reg-black);
    border-color: var(--reg-black);
    background: transparent;
}

#productRegistryBtn.btn-outline-success:hover,
#qvProductRegistryBtn.btn-outline-success:hover {
    background-color: var(--reg-gold);
    border-color: var(--reg-gold);
    color: var(--reg-black);
}

#productRegistryHint .text-success,
#qvProductRegistryHint .text-success {
    color: var(--reg-black) !important;
}

#productRegistryHint a,
#qvProductRegistryHint a {
    color: var(--reg-slate);
}

.registry-option.selected,
.qv-registry-option.qv-selected {
    background-color: rgba(251, 205, 32, 0.18) !important;
    border-left: 4px solid var(--reg-gold) !important;
}

.registry-option-added,
.qv-registry-option-added {
    background-color: rgba(26, 26, 24, 0.04) !important;
    cursor: default !important;
}

.registry-option-added.selected,
.qv-registry-option-added.qv-selected {
    border-left-color: var(--reg-gold) !important;
}

.registry-added-badge,
.qv-registry-added-badge {
    background: var(--reg-gold) !important;
    color: var(--reg-black) !important;
}

.registry-submit-btn {
    width: 100%;
    padding: 12px;
    background: var(--reg-black);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
}

#giftOptionsModal .btn-primary {
    background-color: var(--reg-black);
    border-color: var(--reg-black);
    color: #fff;
}

#giftOptionsModal .btn-primary:hover {
    background-color: var(--reg-gold);
    border-color: var(--reg-gold);
    color: var(--reg-black);
}
