/* Jeux vidéo : ludique — corail + turquoise, formes plus rondes */
:root {
    --bg: #dff7f8;
    --bg-glow: rgba(255, 95, 130, 0.32);
    --bg-glow-2: rgba(34, 211, 238, 0.28);
    --card-bg: rgba(34, 211, 238, 0.10);
    --text: #12262c;
    --accent: #ff5f82;
    --accent-hover: #ff7d9b;
    --accent-2: #22d3ee;
    --accent-soft: rgba(255, 95, 130, 0.22);
    --border: rgba(255, 95, 130, 0.24);
    --shadow: rgba(20, 90, 100, 0.18);
}

@media (prefers-color-scheme: dark) {
    :root {
        --bg: #0a1620;
        --bg-glow: rgba(255, 125, 155, 0.34);
        --bg-glow-2: rgba(56, 224, 245, 0.28);
        --card-bg: rgba(56, 224, 245, 0.10);
        --text: #e3f7f9;
        --text-secondary: #9fc4cb;
        --accent: #ff7d9b;
        --accent-hover: #ff9bb3;
        --accent-2: #38e0f5;
        --accent-soft: rgba(255, 125, 155, 0.24);
        --border: rgba(255, 125, 155, 0.24);
        --shadow: rgba(0, 0, 0, 0.55);
    }
}

.timeline-entry {
    border-radius: 28px;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.timeline-entry:hover {
    transform: translateY(-3px) scale(1.01);
    box-shadow: 0 16px 40px var(--shadow);
}