: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: #FEF9F0;          /* очень светлый бежевый фон */
    --bg-secondary: #FFFDF9;        /* почти белый кремовый */
    --bg-tertiary: #F7EFE3;         /* тёплый песочный */
    --text-primary: #2C1810;        /* глубокий коричневый для основного текста */
    --text-secondary: #6B5B4F;      /* приглушённый коричневый для второстепенного */
    --text-link: #8B5E3C;           /* насыщенный коричневый для ссылок */
    --border-color: #D9CBB8;        /* мягкий бежево-коричневый для границ */
    --accent: #8B5E3C;              /* тёплый коричневый акцент */
    --accent-hover: #6B4226;        /* тёмно-коричневый при наведении */
    --danger: #B33A3A;              /* приглушённый красный */
    --success: #3A7D44;             /* приглушённый зелёный */
    --header-bg: rgba(254, 249, 240, 0.95);
    --card-bg: #FFFDF9;
    --card-hover-bg: #FEF9F0;
    --input-bg: #FFFFFF;
    --input-border: #D9CBB8;
    --btn-color: #FFFDF9;
    --btn-bg: #8B5E3C;
    --footer-bg: #F7EFE3;
    --player-bg: #FFFDF9;
    --shadow: 0 2px 12px rgba(44, 24, 16, 0.06);
    --shadow-hover: 0 6px 20px rgba(44, 24, 16, 0.10);
    --backdrop: blur(12px);
}