/* racing.css - Modern Racing HUD Aesthetics */
:root {
    --bg: #0a0a1a;
    --surface: #111128;
    --accent: #f5a623;
    --accent-glow: rgba(245, 166, 35, 0.4);
    --text: #ffffff;
}

body { background: var(--bg); color: var(--text); font-family: 'Rajdhani', sans-serif; }

/* Animazione Glow per elementi chiave */
.card { 
    background: var(--surface); 
    border: 1px solid #2a2a4a; 
    border-radius: 8px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.card:hover { border-color: var(--accent); box-shadow: 0 0 15px var(--accent-glow); }

/* Tabella moderna */
.results-table { width: 100%; border-collapse: separate; border-spacing: 0 8px; }
.results-table tr { background: var(--surface); transition: transform 0.2s; }
.results-table tr:hover { transform: scale(1.01); background: #1a1a35; }
.results-table td { padding: 16px; }

/* Pulsanti stile "Engine Start" */
.btn {
    background: transparent;
    border: 1px solid var(--accent);
    color: var(--accent);
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
    transition: 0.3s;
}
.btn:hover { background: var(--accent); color: #000; box-shadow: 0 0 10px var(--accent); }