/* ===== БАЗОВЫЕ ПЕРЕМЕННЫЕ И СТИЛИ ===== */
:root {
    --bg-color: #121212;
    --primary-text-color: #ffffff;
    --secondary-text-color: #b3b3b3;
    --card-bg-color: #181818;
    --card-hover-bg-color: #282828;
    --accent-color: #1DB954;
    --font-heading: 'Tektur', sans-serif;
    --font-body: 'Space Mono', monospace;
    --player-height: 90px;
    --header-height: 80px;
}

body {
    background-color: var(--bg-color);
    color: var(--primary-text-color);
    font-family: var(--font-body);
    margin: 0;
    /* ИСПРАВЛЕНО: Добавляем отступ снизу для плеера */
    padding: calc(var(--header-height) + 2rem) 2rem calc(var(--player-height) + 2rem) 2rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main, .page-container, .landing-container {
    flex-grow: 1;
}

/* УБРАНО: body.body-with-player больше не нужно */

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    font-weight: 400;
}

/* Утилиты */
.hidden {
    display: none !important;
}

/* Правильный стиль разделителя */
.section-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--card-hover-bg-color), transparent);
    margin: 2rem 0;
    width: 100%;
}