:root { --bg: #0f172a; --card: #1e293b; --accent: #e53e3e; --text: #f1f5f9; --dim: #94a3b8; --gold: #f59e0b; }
    
    /* Correction : var(--text) au lieu de --text-main */
    body { background: var(--bg); color: var(--text); font-family: 'Inter', sans-serif; margin: 0; padding: 0; line-height: 1.7; }
    
    .container { max-width: 1000px; margin: 0 auto; }
    .section-title { border-left: 4px solid var(--accent); padding-left: 15px; margin: 40px 0 20px; font-size: 1.4rem; color: #fff; }
    .section-vip { border-left-color: var(--gold); color: var(--gold); }
    .grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; }
    .card { background: var(--card); border: 1px solid #334155; border-radius: 12px; padding: 20px; text-decoration: none; color: inherit; transition: 0.3s; display: flex; flex-direction: column; }
    .card:hover { transform: translateY(-5px); border-color: var(--accent); }
    .card-vip { border-color: var(--gold); }
    .heure { color: var(--accent); font-weight: bold; font-size: 1.2rem; margin-bottom: 10px; }
    .titre { font-size: 1rem; font-weight: 600; margin-bottom: 15px; line-height: 1.4; flex-grow: 1; }
    .btn { text-align: center; padding: 10px; border-radius: 8px; font-weight: bold; text-transform: uppercase; font-size: 0.85rem; }
    .btn-live { background: var(--accent); color: white; animation: blink 2s infinite; }
    .btn-info { border: 1px solid #475569; color: var(--dim); }
    @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } }
    
    footer a { color: var(--dim); text-decoration: none; margin: 0 10px; font-size: 0.9rem; }
    /* Correction : Ajout du point-virgule */
    footer a:hover { color: #fff; }
    footer { margin-bottom: 100px; padding: 20px 0; }