/* bonuscodetop.com — Purple / Dark Mode */
:root {
    --color-primary:   #7c3aed;
    --color-primary-h: #6d28d9;
    --color-bg:        #0f0f1a;
    --color-bg-card:   #1a1a2e;
    --color-text:      #e2e8f0;
    --color-text-muted:#94a3b8;
    --color-border:    #334155;
    --color-code-bg:   #1e1e3a;
    --radius:          16px;
    --radius-sm:       10px;
    --shadow:          0 4px 24px rgba(124,58,237,.15);
    --shadow-md:       0 8px 32px rgba(124,58,237,.2);
}
body { background: #0f0f1a; }
.hero { background: linear-gradient(135deg, #1a0533 0%, #7c3aed 100%); }
.site-header { background: #1a1a2e; border-bottom: 1px solid #334155; }
.site-logo { color: #a78bfa; }
.nav-menu a { color: #e2e8f0; }
.nav-menu a:hover { background: #334155; color: #a78bfa; }
.search-input { background: #0f0f1a; color: #e2e8f0; border-color: #334155; }
.promo-card { background: #1a1a2e; border: 1px solid #334155; border-left: 4px solid #7c3aed; }
.promo-card__title a { color: #e2e8f0; }
.promo-card__code-block { background: #0f0f1a; border: 1px solid #7c3aed; border-radius: 8px; }
.code-text { color: #c4b5fd; font-size: 20px; letter-spacing: 2px; }
.promo-card__footer { border-top: 1px solid #334155; }
.promos-section--alt { background: #16162a; }
.how-it-works { background: #1a1a2e; }
.step { background: #0f0f1a; border: 1px solid #334155; }
.step-num { background: #7c3aed; }
.seo-text { background: #16162a; color: #94a3b8; }
.site-footer { background: #0a0a14; border-top: 1px solid #334155; }
.age-disclaimer { background: #0a0a14; }
.cat-tab { background: #1a1a2e; color: #94a3b8; border: 1px solid #334155; }
.cat-tab.active, .cat-tab:hover { background: #7c3aed; border-color: #7c3aed; color: #fff; }