/* Глобальні налаштування кольорів */
:root {
    --bg-dark: #0f0518;
    --neon-pink: #ff00ff;
    --deep-purple: #8a2be2;
    --gold: #ffd700;
}

body {
    background-color: var(--bg-dark) !important;
    color: #ffffff !important;
}

/* Прибираємо зелений градієнт з контент-секції */
.content-section {
    background: linear-gradient(180deg, #0f0518 0%, #1a0b2e 100%) !important;
}

/* Кнопки - Повна заміна зеленого */
.btn-signup, .btn-hero, .btn-claim, .newsletter-btn {
    background: linear-gradient(135deg, var(--deep-purple) 0%, var(--neon-pink) 100%) !important;
    border: none !important;
    color: white !important;
    box-shadow: 0 4px 15px rgba(255, 0, 255, 0.4) !important;
}

.btn-login {
    color: var(--gold) !important;
    border: 2px solid var(--gold) !important;
}

/* Текстові акценти */
.hero-title {
    background: linear-gradient(135deg, #ffffff 0%, var(--neon-pink) 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.hero-bonus {
    background: rgba(255, 215, 0, 0.1) !important;
    border: 1px solid var(--gold) !important;
}

.bonus-label, .author-title, .seo-content h3 {
    color: var(--gold) !important;
}

.seo-content h2, .author-name, .footer-title {
    color: var(--neon-pink) !important;
}

/* Таблиці */
.info-table, .author-card {
    background: rgba(30, 10, 50, 0.6) !important;
    border: 1px solid var(--deep-purple) !important;
}

.table-row:first-child {
    background: var(--deep-purple) !important;
}

/* Footer */
.footer {
    background: #080210 !important;
    border-top: 1px solid var(--deep-purple) !important;
}

.newsletter-input {
    background: #1a0b2e !important;
    border: 1px solid var(--neon-pink) !important;
}