/* ── CSS VARIABLES (single dark theme) ──────────────────── */
:root {
    color-scheme: dark;

    --primary: #291963;
    --secondary: #A0AEC0;
    --white: #FFFFFF;
    --accent: #A78BFA;
    --accent-gradient: radial-gradient(circle at 46% 50%, rgba(167,139,250,1) 0%, rgba(126,65,255,1) 100%);
    --success: #22F500;
    --success-gradient: radial-gradient(circle at 46% 50%, rgba(129,190,0,1) 0%, rgba(105,255,102,1) 100%);
    --danger: #FF4163;
    --danger-gradient: radial-gradient(circle at 46% 50%, rgba(255,65,99,1) 0%, rgba(153,0,0,1) 100%);
    --background: #0F0F23;
    --surface: #1A1A2E;
    --surface-elevated: #252542;
    --text-primary: #FFFFFF;
    --text-secondary: #A0AEC0;
    --text-muted: #6B7280;
    --record: #291963;
    --border: #374151;
    --border-light: #2D3748;
    --shadow: rgba(0,0,0,0.3);
    --overlay: rgba(0,0,0,0.7);

    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.5s ease;
}

/* ── SMOOTH TRANSITIONS ──────────────────────────────────── */
*,
*::before,
*::after {
    transition: background-color var(--transition-base),
                border-color var(--transition-base),
                color var(--transition-fast),
                box-shadow var(--transition-base),
                opacity var(--transition-fast);
}

.no-transition,
.no-transition *,
.no-transition *::before,
.no-transition *::after {
    transition: none !important;
}

img, video, canvas, svg {
    transition: opacity var(--transition-fast) !important;
}

/* ── FILTERS / SECTION ITEMS ─────────────────────────────── */
.games-section__filters-item {
    border: 1px solid var(--secondary);
    color: var(--secondary);
}

.games-section__filters-item.games-section__filters-item--active {
    background: var(--white);
    color: var(--primary) !important;
    border-color: var(--white);
}

.news-section__filters-item {
    border-color: var(--secondary);
    color: var(--secondary);
}

.news-section__filters-item.news-section__filters-item--active {
    background: var(--white);
    color: var(--primary) !important;
    border-color: var(--white);
}

/* ── PLATFORM ICONS ──────────────────────────────────────── */
.game-card__platforms svg {
    color: var(--secondary);
    transition: color var(--transition-fast);
}

/* ── HERO FLOATING ICONS ─────────────────────────────────── */
.hero__floating-icon {
    color: var(--white);
    opacity: 0.15;
}

.hero__floating-icon svg {
    filter: drop-shadow(0 0 20px rgba(126,65,255,0.5));
}

.hero__nav-icon svg,
.games-section__filters-item svg,
.news-section__filters-item svg {
    filter: drop-shadow(0 0 6px rgba(167,139,250,0.3));
    transition: filter var(--transition-fast);
}

.hero__nav-icon:hover svg,
.games-section__filters-item:hover svg,
.news-section__filters-item:hover svg {
    filter: drop-shadow(0 0 10px rgba(167,139,250,0.5));
}