:root {
    --bg-color: #0f172a;
    --primary-color: #00d4ff;
    --accent-color: #38bdf8;
    --surface-color: #1e293b;
}

[data-theme="valorant"] {
    --bg-color: #111111;
    --primary-color: #ff4655;
    --accent-color: #ff8080;
    --surface-color: #1f1f1f;
}

[data-theme="cod"] {
    --bg-color: #0a0a0a;
    --primary-color: #00ff00;
    --accent-color: #39ff14;
    --surface-color: #1a1a1a;
}

[data-theme="cyan"] {
    --bg-color: #0f172a;
    --primary-color: #00d4ff;
    --accent-color: #38bdf8;
    --surface-color: #1e293b;
}