:root {
    /* Тёмная тема (по умолчанию) */
    --bg-primary: #0D1117;
    --bg-secondary: #161B22;
    --bg-tertiary: #21262D;
    --text-primary: #F0F6FC;
    --text-secondary: #8B949E;
    --text-link: #58A6FF;
    --border-color: #30363D;
    --accent: #58A6FF;
    --accent-hover: #79C0FF;
    --danger: #F85149;
    --success: #3FB950;
    --header-bg: rgba(13, 17, 23, 0.85);
    --card-bg: #161B22;
    --card-hover-bg: #1C2128;
    --input-bg: #0D1117;
    --input-border: #30363D;
    --btn-color: #000;
    --btn-bg: #58A6FF;
    --footer-bg: #0D1117;
    --player-bg: #161B22;
    --shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    --shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.6);
    --backdrop: blur(12px);
}

[data-theme="light"] {
    --bg-primary: #FFFFFF;
    --bg-secondary: #F6F8FA;
    --bg-tertiary: #EAEEF2;
    --text-primary: #1F2328;
    --text-secondary: #656D76;
    --text-link: #0969DA;
    --border-color: #D0D7DE;
    --accent: #0969DA;
    --accent-hover: #0550AE;
    --danger: #D1242F;
    --success: #1A7F37;
    --header-bg: rgba(255, 255, 255, 0.85);
    --card-bg: #FFFFFF;
    --card-hover-bg: #F3F4F6;
    --input-bg: #FFFFFF;
    --input-border: #D0D7DE;
    --btn-color: #FFF;
    --btn-bg: #0969DA;
    --footer-bg: #F6F8FA;
    --player-bg: #FFFFFF;
    --shadow: 0 1px 3px rgba(31, 35, 40, 0.12);
    --shadow-hover: 0 8px 16px rgba(31, 35, 40, 0.15);
    --backdrop: blur(12px);
}