/* ============================================================ LANDMARK — themes.css · четыре элитные цветовые схемы ------------------------------------------------------------ Схема задаётся атрибутом на : data-theme="ivory" ivory — Слоновая кость и графит (беж 75% + чёрный) bordeaux — Бордо и шампань (крем + винный) midnight — Полночь и латунь (жемчуг + тёмно-синий) blush — Пудра и какао (розовая пудра + шоколад) Зелёного нет ни в одной. Все токены ниже — единственный источник цвета. Остальные файлы цвета не хардкодят, поэтому смена темы меняет сайт целиком. Доля тёмного ≈ 25%: блоки с классом .dark (принципы, подвал) плюс полноэкранные видео-полосы. Остальное — светлая доминанта. ЗАФИКСИРОВАТЬ ОДНУ ТЕМУ: поставить нужный data-theme в , удалить подключение theme-switch.js. Больше ничего не требуется. ============================================================ */ /* ---------- 1 · Слоновая кость и графит ---------- */ :root, :root[data-theme="ivory"]{ --bg:#efe7d8; --bg-2:#e6dbc7; --bg-3:#e5dac4; --text:#221d17; --muted:rgba(34,29,23,.62); --accent:#a4783a; --accent-soft:#b3924f; --accent-hi:#d8b874; --line:rgba(164,120,58,.32); --line-soft:rgba(34,29,23,.08); --dark:#16130f; --dark-2:#1e1a15; --on-dark:#f2ece1; --muted-dark:rgba(242,236,225,.6); --accent-dark:#d0ae63; --on-video:#f6f1e6; --header-bg:rgba(239,231,216,.9); --fallback:radial-gradient(70% 65% at 62% 38%,#f2ebdc,#e9dfcc 55%,#e2d6bf); --frame:linear-gradient(135deg,#e5dac4,#dccfb6 70%); --ring:conic-gradient(from 210deg,#c8a961,#e8c078,#d99a5e,#c07a4f,#e0b06a,#c8a961); --scrim:19,17,14; } /* ---------- 2 · Бордо и шампань ---------- */ :root[data-theme="bordeaux"]{ --bg:#f4ece2; --bg-2:#ecdfd2; --bg-3:#e8d8c9; --text:#2d1218; --muted:rgba(45,18,24,.6); --accent:#8f2740; --accent-soft:#b06a52; --accent-hi:#e0a878; --line:rgba(143,39,64,.26); --line-soft:rgba(45,18,24,.09); --dark:#3f0f1d; --dark-2:#4d1626; --on-dark:#f6e9dc; --muted-dark:rgba(246,233,220,.62); --accent-dark:#e2b07e; --on-video:#f8ece0; --header-bg:rgba(244,236,226,.9); --fallback:radial-gradient(70% 65% at 62% 38%,#f6efe6,#ecdcd0 55%,#e3cec0); --frame:linear-gradient(135deg,#e8d6c8,#dcc3b4 70%); --ring:conic-gradient(from 210deg,#c9a15e,#e5c184,#c2705f,#8f2740,#d99a6a,#c9a15e); --scrim:30,10,16; } /* ---------- 3 · Полночь и латунь ---------- */ :root[data-theme="midnight"]{ --bg:#ecebe4; --bg-2:#e0dfd6; --bg-3:#dbdad0; --text:#151d2e; --muted:rgba(21,29,46,.6); --accent:#8a6d33; --accent-soft:#9c8347; --accent-hi:#c9a86a; --line:rgba(21,29,46,.2); --line-soft:rgba(21,29,46,.09); --dark:#0e1a2e; --dark-2:#152439; --on-dark:#eceade; --muted-dark:rgba(236,234,222,.62); --accent-dark:#c9a86a; --on-video:#f2f0e6; --header-bg:rgba(236,235,228,.9); --fallback:radial-gradient(70% 65% at 62% 38%,#f0efe8,#e2e1d8 55%,#d6d5cb); --frame:linear-gradient(135deg,#dedcd2,#cdcbc0 70%); --ring:conic-gradient(from 210deg,#b8963f,#dcc084,#8fa6c4,#33507e,#c9a86a,#b8963f); --scrim:10,18,32; } /* ---------- 4 · Пудра и какао ---------- */ :root[data-theme="blush"]{ --bg:#f2e5de; --bg-2:#e9d7cd; --bg-3:#e4cec2; --text:#33201a; --muted:rgba(51,32,26,.6); --accent:#a8674c; --accent-soft:#c08a72; --accent-hi:#e0b096; --line:rgba(168,103,76,.3); --line-soft:rgba(51,32,26,.09); --dark:#2a1a15; --dark-2:#37231c; --on-dark:#f5e7de; --muted-dark:rgba(245,231,222,.62); --accent-dark:#d99f7e; --on-video:#f8ece4; --header-bg:rgba(242,229,222,.9); --fallback:radial-gradient(70% 65% at 62% 38%,#f6ebe4,#eeddd3 55%,#e5cec2); --frame:linear-gradient(135deg,#e6d1c5,#d8bcae 70%); --ring:conic-gradient(from 210deg,#c99a6e,#e8c3a0,#d08a6a,#a8674c,#e0b096,#c99a6e); --scrim:26,16,12; } /* ============================================================ Совместимость: старые имена переменных → новые токены ============================================================ */ :root, :root[data-theme]{ /* ореол подписей в галерее: всегда цвет подложки секции, поэтому текст читается и на светлом фоне, и поверх самих снимков. .dark и .tint ниже переопределяют его для своих блоков */ --cap-halo:var(--bg); --ink:var(--bg); --ink-2:var(--bg-2); --paper:var(--text); --gold:var(--accent); --gold-dim:var(--accent-soft); --ivory:var(--bg); --ivory-2:var(--bg-2); --ink-text:var(--text); --ink-muted:var(--muted); --gold-deep:var(--accent); --coal:var(--bg); --ink-warm:var(--dark); --terra:var(--accent-soft); } /* ============================================================ Тёмные блоки (~25% страницы): принципы и подвал ============================================================ */ .dark{background:var(--dark)!important;color:var(--on-dark)!important; border-top:1px solid var(--line)!important;border-bottom:none!important; --cap-halo:var(--dark)} /* !important нужен: инлайновые