/* ============================================================================= assets/css/themes.css — сезонные темы и режим дня рождения (пасхалки) Применяются через data-theme на . Базовые токены переопределяются. ========================================================================== */ /* --- Зимняя тема: холодные молочные тона с тёплым акцентом -------------- */ [data-theme="winter"] { --bg: #f4f6fa; --bg-elevated: #ffffff; --bg-subtle: #e7edf5; } /* --- Новогодняя тема: тёмно-зелёный с золотом -------------------------- */ [data-theme="newyear"] { --bg: #1d2a22; --bg-elevated: #25342a; --bg-subtle: #2e4034; --text: #f3ece0; --text-muted: #b9c7bc; --text-invert: #1d2a22; --primary: #e0a444; --primary-press: #c98a2c; --border: rgba(255,255,255,0.10); --border-strong: rgba(255,255,255,0.18); } /* --- Летняя тема: светлая, сочная --------------------------------------- */ [data-theme="summer"] { --bg: #fff8ec; --bg-subtle: #ffefcf; --primary: #e8893f; --primary-press: #d2742c; } /* --- Режим дня рождения: праздничный ------------------------------------ */ [data-theme="birthday"] { --bg: #fff5f7; --bg-subtle: #ffe4ee; --primary: #e0568a; --primary-press: #c83f72; --shadow-pop: 0 12px 28px rgba(224, 86, 138, 0.30); } /* auto — оставить системное предпочтение (только тёмная сторона кофе) */ @media (prefers-color-scheme: dark) { [data-theme="auto"] { --bg: #1f1813; --bg-elevated: #2a2018; --bg-subtle: #34281d; --text: #f0e6da; --text-muted: #a89684; --text-invert: #2a2018; --border: rgba(255,255,255,0.10); --border-strong: rgba(255,255,255,0.18); } }