/**
 * CarmenSwap brand overrides — gold palette reinforcement for home & shared accents.
 */

/* Inline clone greens → gold (attribute selector fallback) */
[style*="#00cc00"],
[style*="#00CC00"] {
    color: var(--cs-primary) !important;
}

/* ── Home hero & sections ── */
.cs-h-badge,
.cs-h-dot,
.cs-h-snum,
.cs-kyc-glitch,
.cs-about-label i,
.cs-about-label-v,
.cs-about-btn,
.cs-how-num,
.cs-tick-up {
    color: var(--cs-primary) !important;
}

.cs-h-dot {
    background: var(--cs-primary) !important;
}

.cs-sec-tag i {
    color: var(--cs-primary) !important;
}

.cs-h-badge,
.cs-about-label,
.cs-how-num {
    border-color: var(--cs-primary-border) !important;
    background: var(--cs-primary-soft) !important;
}

.cs-h-grad {
    background: linear-gradient(135deg, #FFE066, var(--cs-primary), var(--cs-primary-dark)) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

.cs-h-cta1,
.btn-cs-green,
.calc-cta.sell-cta {
    background: linear-gradient(135deg, var(--cs-primary), var(--cs-primary-dark)) !important;
    color: var(--cs-on-primary) !important;
    box-shadow: 0 8px 28px rgba(var(--cs-primary-rgb), 0.32) !important;
}

.cs-h-cta2,
.cs-about-btn {
    border-color: var(--cs-primary-border) !important;
    color: var(--cs-primary) !important;
}

.cs-stats-strip {
    background: linear-gradient(135deg, var(--cs-primary-dark) 0%, #8B6914 55%, #5C4510 100%) !important;
    border-color: rgba(var(--cs-primary-rgb), 0.25) !important;
}

.cs-sec-dark { background: var(--cs-bg) !important; }
.cs-sec-alt { background: var(--cs-bg-elevated) !important; }

.cs-card:hover,
.cs-why-card:hover,
.cs-review-card:hover,
.cs-trade-card:hover {
    border-color: rgba(var(--cs-primary-rgb), 0.28) !important;
    box-shadow: 0 12px 40px rgba(var(--cs-primary-rgb), 0.08) !important;
}

.cs-why-i1 {
    background: var(--cs-primary-soft) !important;
    color: var(--cs-primary) !important;
}

/* ── Premium light theme for home ── */
[data-bs-theme="light"] .cs-hero {
    background: var(--cs-hero-bg) !important;
}

[data-bs-theme="light"] .cs-h-title,
[data-bs-theme="light"] .cs-sec-h,
[data-bs-theme="light"] .cs-why-t,
[data-bs-theme="light"] .cs-how-t,
[data-bs-theme="light"] .cs-trade-name,
[data-bs-theme="light"] .cs-review-name {
    color: var(--cs-text) !important;
}

[data-bs-theme="light"] .cs-h-sub,
[data-bs-theme="light"] .cs-sec-sub,
[data-bs-theme="light"] .cs-why-d,
[data-bs-theme="light"] .cs-how-d,
[data-bs-theme="light"] .cs-trade-desc,
[data-bs-theme="light"] .cs-review-text {
    color: var(--cs-muted) !important;
}

[data-bs-theme="light"] .cs-sec-dark {
    background: var(--cs-section-bg) !important;
}

[data-bs-theme="light"] .cs-sec-alt {
    background: var(--cs-section-alt) !important;
}

[data-bs-theme="light"] .cs-why-card,
[data-bs-theme="light"] .cs-review-card,
[data-bs-theme="light"] .cs-card {
    background: var(--cs-card) !important;
    border-color: var(--cs-border) !important;
}

[data-bs-theme="light"] .cs-ribbon-wrap {
    background: var(--cs-section-bg) !important;
    border-color: var(--cs-border) !important;
}

[data-bs-theme="light"] .cs-h-mockup {
    background: rgba(var(--cs-primary-rgb), 0.06) !important;
    border-color: rgba(var(--cs-primary-rgb), 0.18) !important;
}

[data-bs-theme="light"] .cs-h-cta1 {
    color: var(--cs-on-primary) !important;
}

[data-bs-theme="light"] .cs-nav-link {
    color: var(--cs-coffee-muted) !important;
}

[data-bs-theme="light"] .cs-nav-link:hover,
[data-bs-theme="light"] .cs-nav-link.cs-active {
    color: var(--cs-coffee) !important;
}

/* Light theme: coffee brown on gold-tinted badges (readable, on-brand) */
[data-bs-theme="light"] .cs-h-badge,
[data-bs-theme="light"] .cs-h-snum,
[data-bs-theme="light"] .cs-kyc-glitch,
[data-bs-theme="light"] .cs-about-label-v,
[data-bs-theme="light"] .cs-how-num {
    color: var(--cs-coffee) !important;
}

[data-bs-theme="light"] .cs-sec-tag {
    color: var(--cs-muted) !important;
}

[data-bs-theme="light"] .cs-h-cta2,
[data-bs-theme="light"] .cs-about-btn {
    color: var(--cs-coffee) !important;
}

[data-bs-theme="light"] .cs-h-cta2:hover,
[data-bs-theme="light"] .cs-about-btn:hover {
    color: var(--cs-primary-dark) !important;
}