:root {
    --transition-speed: 0.3s;
    
    /* Light theme */
    --primary-color: #ffca1b;
    --nav-bg: #ffca1b;
    --nav-text: #2C2C2C;
    --nav-link: #000;
    --card-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    --text-color: #333333;
    --card-bg: #ffffff;
    --trophy-item-bg: #f0ecc3;
    --trophy-item-hover: #f8fbc7;
    --border-color: #ffca1b;
    --season-button: #ffca1b;
}

@media (prefers-color-scheme: dark) {
    :root {
        --nav-bg: #1e1e1e;
        --nav-text: #ffca1b;
        --nav-link: #ffaf1b;
        --card-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
        --text-color: #f5f5f5;
        --card-bg: #1e1e1e;
        --trophy-item-bg: #2a2a2a;
        --trophy-item-hover: #3a3a3a;
        --border-color: #1e1e1e;
        --season-button: #000;
    }
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: var(--text-color);
    padding-top: 56px;
    overflow-x: hidden;
    transition: background-color var(--transition-speed), color var(--transition-speed);
    
    background-image: url("../images/back.jpg");
    background-repeat: repeat-x;
    background-size: cover;
    background-position: center;
}