/* ==========================================================
   FDS Universe v3 — Global Core & Multi-Theme Engine
   ========================================================== */

@import "../../modules/header/header.css";
@import "../../modules/hero/hero.css";
@import "../../modules/footer/footer.css";
@import url("/assets/css/library.css");

/* ----------------------------------------------------------
   1. ТЕМНАЯ ТЕМА (ПО УМОЛЧАНИЮ / DARK UNIVERSE)
   ---------------------------------------------------------- */
:root, body {
    --bg-color: #020005;
    --card-bg: #0b0212;
    --text-color: #ffffff;
    --text-muted: #aaa2b5;
    --border-color: rgba(157, 0, 255, 0.3);
    --header-bg: #020005;
    --accent-color: #9d00ff;
}

/* ----------------------------------------------------------
   2. СВЕТЛАЯ ТЕМА (LIGHT UNIVERSE)
   ---------------------------------------------------------- */
body.light-theme {
    --bg-color: #f4f1fa;
    --card-bg: #ffffff;
    --text-color: #120a22;
    --text-muted: #5a5266;
    --border-color: rgba(157, 0, 255, 0.3);
    --header-bg: #eae3f5;
    --accent-color: #7c3aed;
}

/* 
   КАК ДОБАВИТЬ НОВУЮ ТЕМУ В БУДУЩЕМ? 
   Просто скопируй этот блок, назови класс body.gold-theme и поменяй цвета!
   body.gold-theme {
       --bg-color: #0a0a05;
       --card-bg: #1a1910;
       --text-color: #ffd700;
       ...
   }
*/

/* ----------------------------------------------------------
   ГЛОБАЛЬНОЕ ПРИМЕНЕНИЕ ПЕРЕМЕННЫХ НА ВСЕ СТРАНИЦЫ
   ---------------------------------------------------------- */
body {
    background-color: var(--bg-color) !important;
    color: var(--text-color) !important;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.site-header { 
    background-color: var(--header-bg) !important; 
    transition: background-color 0.3s ease;
}

.releases, .shorts-preview, .about, .artists, .library-page, .shorts-page, .hero { 
    background: var(--bg-color) !important; 
    transition: background 0.3s ease;
}

.release-card, .shorts-preview-card, .admin-content-card, .lib-card, .short-card { 
    background: var(--card-bg) !important; 
    border-color: var(--border-color) !important; 
    transition: background 0.3s ease, border-color 0.3s ease;
}

h1, h2, h3, h4, p:not(.sticky-meta p), span:not(.p-eyebrow), .releases-title, .shorts-preview-title { 
    color: var(--text-color) !important; 
    transition: color 0.3s ease;
}