/* CSS Variables */
:root {
    --bg-color: #0f0f1a;
    --app-bg-secondary: #1a1a2e;
    --primary-color: #6c5ce7;
    --primary-light: #a29bfe;
    --accent-color: #fd79a8;
    --accent-secondary: #00cec9;
    --text-color: #ffffff;
    --text-muted: #a0a0b0;
    --card-bg: rgba(255, 255, 255, 0.05);
    --card-border: rgba(255, 255, 255, 0.1);

    /* Rank colors */
    --rank-splus: linear-gradient(135deg, #ff0844, #ffb199, #ffd700);
    --rank-s: linear-gradient(135deg, #f5af19, #f12711);
    --rank-a: linear-gradient(135deg, #ee0979, #ff6a00);
    --rank-b: linear-gradient(135deg, #4776e6, #8e54e9);
    --rank-c: linear-gradient(135deg, #11998e, #38ef7d);
}