/* ═══════════════════════════════════════════════════════════════ ЦВЕТОВЫЕ СХЕМЫ Каждая переопределяет только переменные цвета из :root — разметка и правила не меняются. Схема ставится атрибутом на : Первая (sand) — исходная, поэтому отдельного блока не требует. Остальные подобраны так, чтобы отличаться не оттенком, а характером: тёплый песок, холодный графит, изумруд, глубокая ночь, глина, морская волна, винтажное золото. ═══════════════════════════════════════════════════════════════ */ /* ─── 2. NOIR — графит и белый, галерейная строгость ─── */ [data-scheme="noir"] { --sand: #F2F2F0; --sand-deep: #E6E6E3; --paper: #FAFAF9; --ink: #0E0E0E; --ink-soft: #2B2B2B; --muted: #6E6E6E; --muted-2: #949494; --line: #D9D9D6; --line-soft: #E9E9E6; --bronze: #1A1A1A; /* акцент — сам графит */ --bronze-lite: #4A4A4A; --bronze-wash: #EDEDEA; --dark: #0A0A0A; --dark-soft: #171717; --ok: #2F6B45; --warn: #8C4A22; } /* ─── 3. EMERALD — изумруд на тёплом молоке ─── */ [data-scheme="emerald"] { --sand: #F3F6F2; --sand-deep: #E4EBE2; --paper: #FAFCF9; --ink: #11201A; --ink-soft: #2C3F36; --muted: #6B7C74; --muted-2: #90A099; --line: #D6E0D8; --line-soft: #E7EDE7; --bronze: #1F6F52; --bronze-lite: #3E9B78; --bronze-wash: #E2EFE8; --dark: #0B1713; --dark-soft: #14251F; --ok: #2F7A55; --warn: #A05A2A; } /* ─── 4. MIDNIGHT — тёмная тема целиком ─── */ [data-scheme="midnight"] { --sand: #0F1216; --sand-deep: #151A20; --paper: #191F26; --ink: #EEF1F5; --ink-soft: #C6CCD5; --muted: #8B94A0; --muted-2: #6B7480; --line: #262E38; --line-soft: #1E252D; --bronze: #C8A15C; --bronze-lite: #E0BE82; --bronze-wash: #1D242C; --dark: #070A0D; --dark-soft: #0E1318; --white: #191F26; /* «белые» карточки тоже тёмные */ --on-dark: #FFFFFF; --ok: #4C9E72; --warn: #C97A45; } /* ─── 5. TERRACOTTA — глина и охра, южное тепло ─── */ [data-scheme="terracotta"] { --sand: #F7F1EB; --sand-deep: #EFE3D8; --paper: #FCF8F4; --ink: #241A14; --ink-soft: #46352B; --muted: #857365; --muted-2: #A99586; --line: #E4D5C6; --line-soft: #F0E6DA; --bronze: #B5502F; --bronze-lite: #D07A55; --bronze-wash: #F6E7DE; --dark: #1B120D; --dark-soft: #2A1D15; --ok: #4A7A4E; --warn: #B5502F; } /* ─── 6. AZURE — морская волна и песок побережья ─── */ [data-scheme="azure"] { --sand: #F1F5F7; --sand-deep: #E1EAEF; --paper: #F9FCFD; --ink: #0E1A22; --ink-soft: #2A3B47; --muted: #647684; --muted-2: #8B9BA7; --line: #D3DFE6; --line-soft: #E6EDF1; --bronze: #1B6E8C; --bronze-lite: #3E97B5; --bronze-wash: #DFEDF3; --dark: #08131A; --dark-soft: #102029; --ok: #2F7A6B; --warn: #A85F2B; } /* ─── 7. VINTAGE — состаренное золото и оливка ─── */ [data-scheme="vintage"] { --sand: #F5F2E9; --sand-deep: #E9E4D3; --paper: #FBF9F2; --ink: #1E1C13; --ink-soft: #3C3826; --muted: #7C765F; --muted-2: #9E9884; --line: #DED7C2; --line-soft: #EDE8DA; --bronze: #8A7318; --bronze-lite: #B29A38; --bronze-wash: #F0EBD8; --dark: #14130C; --dark-soft: #222014; --ok: #5A7A3F; --warn: #9A5F1F; } /* Тёмная схема требует правок там, где цвет был вписан в расчёте на светлый фон */ [data-scheme="midnight"] .card, [data-scheme="midnight"] .tp-card, [data-scheme="midnight"] .promo--light { background: var(--paper); } [data-scheme="midnight"] .leaflet-control-attribution { background: rgba(25,31,38,.8); color: var(--muted); } [data-scheme="midnight"] .map-canvas, [data-scheme="midnight"] .cat-anim__cv { filter: brightness(.92); } /* ─── 8. BLUSH — пудровый розовый и графит ─── */ [data-scheme="blush"] { --sand: #F7F3F1; --sand-deep: #EFE4E1; --paper: #FCFAF9; --ink: #1F1A1A; --ink-soft: #3D3434; --muted: #7F7170; --muted-2: #A3928F; --line: #E6D8D5; --line-soft: #F1E7E5; --bronze: #A8556B; --bronze-lite: #C67C90; --bronze-wash: #F6E9EC; --dark: #17100F; --dark-soft: #251A19; --ok: #4E7A5C; --warn: #A8556B; } /* ─── 9. SAGE — шалфей и лён, спокойная зелень ─── */ [data-scheme="sage"] { --sand: #F4F5F0; --sand-deep: #E6E9DE; --paper: #FAFBF7; --ink: #1A1D16; --ink-soft: #363B2E; --muted: #737963; --muted-2: #9AA089; --line: #DCE0D0; --line-soft: #EBEEE2; --bronze: #5F7048; --bronze-lite: #86995F; --bronze-wash: #E9EEDD; --dark: #12140E; --dark-soft: #1F2318; --ok: #5F7048; --warn: #9A6A2A; } /* ─── 10. COBALT — кобальт и янтарь, деловая графика ─── */ [data-scheme="cobalt"] { --sand: #F2F4F8; --sand-deep: #E3E8F1; --paper: #FAFBFD; --ink: #10182A; --ink-soft: #2A3550; --muted: #66708A; --muted-2: #8D96AC; --line: #D5DCE9; --line-soft: #E8EDF4; --bronze: #1F45A8; --bronze-lite: #4E71CE; --bronze-wash: #E2E8F7; --dark: #070C18; --dark-soft: #101728; --ok: #2F7A6B; --warn: #B07020; }