/* Discord Landing Page - Color Overrides */
/* This file overrides the Telegram blue theme with Discord purple/blurple */

:root {
    --primary: #5865F2;        /* Discord Blurple */
    --primary-dark: #4752C4;   /* Darker blurple for hover */
    --primary-light: #7289da;  /* Lighter blurple */
}

/* Button hover states for Discord theme - ensure white text on hover */
.btn-primary:hover {
    background: var(--primary-dark);
    color: white;
}

.btn-secondary:hover {
    border-color: var(--primary);
    color: var(--primary);
}

/* Hero gradient adjustment for Discord */
.hero {
    background: linear-gradient(135deg, #f0f2ff 0%, #e8ebff 50%, #f5f0ff 100%);
}

/* Social proof section with subtle Discord tint */
.social-proof {
    background: linear-gradient(135deg, #f8f9ff 0%, #f0f2ff 100%);
}

/* Final CTA section with Discord-themed gradient */
.final-cta {
    background: linear-gradient(135deg, #5865F2 0%, #4752C4 50%, #3c45a5 100%);
}

/* Phone mockup Discord-style adjustments */
.chat-header {
    background: #313338;
    color: white;
}

.chat-header .chat-name {
    color: white;
}

.chat-header .chat-members {
    color: #b5bac1;
}

.match-badge {
    background: #5865F2;
    color: white;
}

/* Message styling for Discord look */
.bot-message .message-content {
    background: #f2f3f5;
    border-left: 3px solid #5865F2;
    color: #313338;
}

/* Prediction info with Discord accent */
.prediction-info {
    background: #f2f3f5;
    border: none;
    color: #313338;
}

/* Stats icon color */
.stat-icon {
    color: #5865F2;
}

/* Value cards hover effect */
.value-card:hover {
    border-color: rgba(88, 101, 242, 0.3);
}

/* Feature icon colors */
.feature-icon-large {
    color: #5865F2;
}

/* Tab buttons */
.tab-btn.active {
    background: #5865F2;
    color: white;
}

.tab-btn:hover:not(.active) {
    background: rgba(88, 101, 242, 0.1);
}

/* Step numbers */
.step-number {
    background: #5865F2;
}

/* FAQ accordion */
.faq-item summary:hover {
    color: #5865F2;
}

.faq-item[open] summary {
    color: #5865F2;
}

/* Channel card (community section) */
.channel-icon svg {
    fill: #5865F2;
}

/* Links */
a:hover {
    color: #5865F2;
}

/* Footer links */
.footer a:hover {
    color: #7289da;
}

/* Trust signals */
.trust-icon {
    color: #5865F2;
}

/* Discord-specific button in navbar */
.nav-cta {
    background: #5865F2;
    color: white;
}

.nav-cta:hover {
    background: #4752C4;
    color: white;
}

/* Final CTA section - secondary button with white text on hover */
.final-cta .btn-secondary {
    border-color: white;
    color: white;
}

.final-cta .btn-secondary:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: white;
    color: white;
}