/* Динамические стили для активной темы: Обычная */

:root {
    --primary-color: #ff69b4;
    --secondary-color: #ff1493;
}

/* Применение цветов темы ко всем элементам */
.birthday-countdown {
    border-color: var(--primary-color) !important;
}

.birthday-title {
    color: var(--primary-color) !important;
    text-shadow: 0 0 10px #ff69b480 !important;
}

.birthday-date {
    color: var(--secondary-color) !important;
}

.countdown-item {
    background: #ff69b40D !important;
    border-color: #ff69b44D !important;
}

.countdown-number {
    color: var(--primary-color) !important;
}

.flip-container {
    border-color: var(--secondary-color) !important;
    box-shadow: 0 10px 40px #ff149366, inset 0 0 30px #ff14931A !important;
}

.flip-card-front, .flip-card-back {
    border-color: var(--primary-color) !important;
}

.card-title {
    background: linear-gradient(45deg, var(--primary-color), var(--secondary-color), #c71585) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

.card-subtitle {
    color: var(--primary-color) !important;
}

.card-description {
    border-color: #ff69b433 !important;
}

.discord-btn {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.discord-btn:hover {
    background: linear-gradient(45deg, var(--primary-color), var(--secondary-color)) !important;
    border-color: var(--secondary-color) !important;
}

.music-player {
    border-color: var(--primary-color) !important;
    box-shadow: 0 10px 40px #ff69b466, inset 0 0 30px #ff14931A !important;
}

.collapse-arrow, .music-return-btn {
    background: linear-gradient(45deg, var(--primary-color), var(--secondary-color)) !important;
}

.track-title {
    color: var(--primary-color) !important;
    text-shadow: 0 0 10px #ff69b480 !important;
}

.track-artist {
    color: var(--secondary-color) !important;
}

.music-thumbnail {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 15px #ff69b480 !important;
}

.control-btn {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.control-btn:hover {
    background: linear-gradient(45deg, var(--primary-color), var(--secondary-color)) !important;
    border-color: var(--secondary-color) !important;
}


.projects-toggle {
    background: linear-gradient(45deg, var(--primary-color), var(--secondary-color)) !important;
}

/* Дополнительные элементы */
.front, .back {
    border-color: var(--primary-color) !important;
    box-shadow: 0 10px 40px #ff69b466, inset 0 0 30px #ff14931A !important;
}

h1, .cursor {
    background: linear-gradient(45deg, var(--primary-color), var(--secondary-color), #c71585) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.subtitle {
    color: var(--primary-color) !important;
}

.social-btn, .discord-info {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.social-btn:hover {
    background: linear-gradient(45deg, var(--primary-color), var(--secondary-color)) !important;
    border-color: var(--secondary-color) !important;
    color: #000 !important;
}

.flip-btn, .flip-btn-back {
    background: linear-gradient(45deg, var(--primary-color), var(--secondary-color)) !important;
    border-color: var(--secondary-color) !important;
}

.blog-title {
    background: linear-gradient(45deg, var(--primary-color), var(--secondary-color), #c71585) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.post {
    border-color: #ff69b44D !important;
    background: #ff69b408 !important;
}

.post-title {
    color: var(--primary-color) !important;
}

.post-meta {
    color: var(--secondary-color) !important;
}

/* Специальные эффекты для Хэллоуина */

/* Специальные эффекты для Нового года */