/* Luxurious Black & Gold Theme */
:root {
    --psych-black: #0A0A0A;        /* Jet Black */
    --psych-matte: #1F1F1F;        /* Matte Black */
    --psych-gold: #FFD700;         /* Gold */
    --psych-gold-dark: #C9A227;    /* Darker Gold */
    --psych-ivory: #FDFBF7;        /* Ivory */
    --psych-blend-1: #151515;      /* Black blend 1 */
    --psych-blend-2: #2A2A2A;      /* Black blend 2 */
    --psych-blend-3: #181818;      /* Black blend 3 */
}

/* Override white backgrounds with gradients */
.hero-section {
    background: radial-gradient(ellipse at center top,
        rgba(255, 215, 0, 0.05) 0%,
        rgba(201, 162, 39, 0.03) 30%,
        #0A0A0A 70%) !important;
}

.feature-section {
    background: linear-gradient(135deg,
        var(--psych-black) 0%,
        var(--psych-blend-1) 25%,
        var(--psych-matte) 50%,
        var(--psych-blend-1) 75%,
        var(--psych-black) 100%) !important;
}

.showcase-section {
    background: linear-gradient(135deg,
        var(--psych-black) 0%,
        var(--psych-matte) 30%,
        var(--psych-blend-2) 60%,
        var(--psych-black) 100%) !important;
}

.research-section {
    background: linear-gradient(180deg,
        var(--psych-blend-2) 0%,
        rgba(255, 215, 0, 0.02) 20%,
        var(--psych-black) 40%,
        rgba(201, 162, 39, 0.02) 60%,
        var(--psych-blend-3) 100%) !important;
}

.cta-section {
    background: radial-gradient(ellipse at center,
        rgba(255, 215, 0, 0.08) 0%,
        var(--psych-blend-3) 30%,
        var(--psych-matte) 60%,
        var(--psych-black) 100%) !important;
}

.newsletter-section {
    background: linear-gradient(90deg,
        var(--psych-black) 0%,
        var(--psych-matte) 50%,
        var(--psych-black) 100%) !important;
    border-top: 1px solid rgba(255, 215, 0, 0.2) !important;
}

/* Update all text colors */
.feature-title,
.card-title,
.preview-title,
.showcase-headline span,
.section-title-large,
.cta-headline span {
    background: linear-gradient(135deg, var(--psych-gold) 0%, var(--psych-gold-dark) 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.feature-description,
.card-description,
.preview-description,
.showcase-description,
.section-subtitle,
.cta-subtitle {
    color: rgba(253, 251, 247, 0.7) !important;
}

/* Update card backgrounds */
.feature-item {
    background: linear-gradient(135deg,
        rgba(255, 215, 0, 0.05) 0%,
        rgba(201, 162, 39, 0.03) 100%) !important;
    border: 1px solid rgba(255, 215, 0, 0.2) !important;
}

.feature-item:hover {
    background: linear-gradient(135deg,
        rgba(255, 215, 0, 0.1) 0%,
        rgba(201, 162, 39, 0.08) 100%) !important;
    border-color: var(--psych-gold) !important;
}

.research-card,
.research-preview-card {
    background: linear-gradient(135deg,
        rgba(10, 10, 10, 0.8) 0%,
        rgba(255, 215, 0, 0.05) 50%,
        rgba(201, 162, 39, 0.03) 100%) !important;
    border: 1px solid rgba(255, 215, 0, 0.3) !important;
}

.research-card:hover,
.research-preview-card:hover {
    background: linear-gradient(135deg,
        rgba(255, 215, 0, 0.1) 0%,
        rgba(201, 162, 39, 0.1) 100%) !important;
}

/* Stats and numbers */
.stat-number,
.card-number {
    background: linear-gradient(90deg, var(--psych-gold) 0%, var(--psych-gold-dark) 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.stat-label {
    color: rgba(253, 251, 247, 0.6) !important;
}

/* Update buttons */
.btn-primary {
    background: linear-gradient(135deg, var(--psych-gold) 0%, var(--psych-gold-dark) 100%) !important;
    color: var(--psych-black) !important;
    font-weight: 600 !important;
}

.btn-secondary {
    background: transparent !important;
    border: 2px solid transparent !important;
    border-image: linear-gradient(135deg, var(--psych-gold) 0%, var(--psych-gold-dark) 100%) 1 !important;
    color: var(--psych-gold) !important;
}

/* Newsletter form */
.newsletter-form-modern input,
.research-newsletter input {
    background: rgba(255, 215, 0, 0.05) !important;
    border: 1px solid rgba(255, 215, 0, 0.2) !important;
    color: var(--psych-gold) !important;
}

.newsletter-form-modern input::placeholder,
.research-newsletter input::placeholder {
    color: rgba(255, 215, 0, 0.4) !important;
}

/* Links and navigation */
.nav-link {
    color: #ffffff !important;
}

.nav-link:hover {
    color: #ffffff !important;
    background: rgba(255, 215, 0, 0.2) !important;
}

.nav-link.active {
    background: linear-gradient(135deg, #FFD700 0%, #C9A227 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    border: none !important;
    box-shadow: none !important;
    filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.6)) !important;
    opacity: 1 !important;
    font-weight: 600 !important;
}

/* Footer */
footer {
    background: linear-gradient(180deg,
        var(--psych-black) 0%,
        var(--psych-blend-1) 100%) !important;
}

/* Misc text elements */
p, span, div {
    color: var(--psych-ivory);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--psych-gold);
}

/* Override for nav logo specifically */
.nav-logo a {
    color: #ffffff !important;
}

/* Remove any remaining white/gray text */
.text-light {
    color: var(--psych-ivory) !important;
}

.text-white {
    background: linear-gradient(135deg, var(--psych-gold) 0%, var(--psych-gold-dark) 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* Category badges */
.article-category,
.preview-category {
    background: linear-gradient(135deg,
        rgba(255, 215, 0, 0.2) 0%,
        rgba(201, 162, 39, 0.2) 100%) !important;
    color: var(--psych-gold) !important;
    border: 1px solid rgba(255, 215, 0, 0.3) !important;
}

/* Meta information */
.article-meta span,
.preview-meta span,
.article-date,
.article-source,
.preview-date,
.preview-source {
    color: rgba(253, 251, 247, 0.6) !important;
}

/* Links */
.article-read-more,
.preview-link,
.card-link {
    background: linear-gradient(90deg, var(--psych-gold) 0%, var(--psych-gold-dark) 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}