/* === MYD BLUE THEME OVERRIDE === */
:root {
    /* Blue Accents instead of Green */
    --accent: #3b82f6;
    /* Blue 500 */
    --accent-dark: #2563eb;
    /* Blue 600 */
    --accent-deeper: #1d4ed8;
    /* Blue 700 */
    --accent-glow: rgba(59, 130, 246, 0.15);
    --accent-glow-strong: rgba(59, 130, 246, 0.3);
    --border-hover: rgba(59, 130, 246, 0.3);
}

[data-theme="light"] {
    --border-hover: rgba(59, 130, 246, 0.5);
}

/* Override header gradient if it uses green */
[data-theme="light"] .hero-bg {
    background: radial-gradient(ellipse at 25% 50%, rgba(59, 130, 246, .15) 0%, transparent 55%),
        radial-gradient(ellipse at 75% 20%, rgba(59, 130, 246, .1) 0%, transparent 50%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(239, 246, 255, 0.8) 100%);
    /* Blueish white tint, almost fully transparent for video */
}

/* Stats glow override */
.stats::before {
    background: radial-gradient(circle at 0% 50%, rgba(59, 130, 246, .08), transparent 50%),
        radial-gradient(circle at 100% 50%, rgba(59, 130, 246, .08), transparent 50%);
}

[data-theme="light"] .stats::before {
    background: radial-gradient(circle at 0% 50%, rgba(59, 130, 246, .15), transparent 50%),
        radial-gradient(circle at 100% 50%, rgba(59, 130, 246, .15), transparent 50%);
}

/* Stats Suffix Override */
.stat-num .sfx {
    color: #60a5fa;
    /* Blue 400 */
}

/* Timeline/Testimonial Button Visibility Fix */
[data-theme="light"] .tl-btn,
[data-theme="light"] .test-btn {
    color: var(--text-dim);
    border-color: var(--border-hover);
    background: #ffffff;
}

[data-theme="light"] .tl-btn:hover,
[data-theme="light"] .test-btn:hover {
    color: var(--accent);
    background: var(--accent-glow);
    border-color: var(--accent);
}