/* Панель только для сравнения локальных дизайн-вариантов. Оливковый = исходный home.css. */
.palette-preview { background:#ececea;color:#242723;border-bottom:1px solid #c9cbc6;font-size:12px; }
.palette-preview[hidden] { display:none; }
.palette-preview-inner { display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:9px; }
.palette-options { display:flex;gap:6px; }
.palette-options button { min-height:44px;border:1px solid #959b94;border-radius:5px;padding:8px 12px;background:transparent;color:#242723;cursor:pointer;font-size:12px; }
.palette-options button[aria-pressed="true"] { background:#242723;color:#fff;border-color:#242723; }
.palette-options button:hover { border-color:#242723; }
html[data-palette="graphite"] { --ink:#24282d;--blue:#30363e;--orange:#c6a56b;--muted:#626a72;--line:#d7dbdf;--soft:#f0f2f4; }
html[data-palette="graphite"] .header { background:#22272d;color:#f2f1ed;border-bottom-color:#454c54; }
html[data-palette="graphite"] .header .brand-symbol { border-color:#c6a56b;color:#f2f1ed; }
html[data-palette="graphite"] .header .navigation>a:not(.button):hover { color:#e3c99d; }
html[data-palette="graphite"] .button { color:#22272d; }
html[data-palette="graphite"] .button:hover { background:#dec394;border-color:#dec394; }
html[data-palette="graphite"] .covenant-hero { background:#22272d;color:#f2f1ed; }
html[data-palette="graphite"] .covenant-hero .eyebrow { color:#d7be95; }
html[data-palette="graphite"] .covenant-hero h1>span { color:#d7dce0; }
html[data-palette="graphite"] .covenant-hero .hero-description { color:#cbd0d6; }
html[data-palette="graphite"] .covenant-hero .hero-note { color:#aeb6bf; }
html[data-palette="graphite"] .covenant-hero .secondary-link { color:#f2f1ed;border-color:#77818b; }
html[data-palette="graphite"] .hero-scene img { filter:grayscale(.95); }
html[data-palette="graphite"] .hero-scene::after { background:linear-gradient(90deg,#22272d 1%,rgba(34,39,45,.98) 19%,rgba(34,39,45,.88) 32%,rgba(34,39,45,.35) 51%,transparent 72%),linear-gradient(0deg,rgba(25,29,34,.65),transparent 38%); }
html[data-palette="graphite"] .hero-scene figcaption { color:#d7dce0; }
html[data-palette="graphite"] .hero-bottom { border-color:#626b75;color:#cbd0d6; }
html[data-palette="graphite"] .hero-bottom a { color:#f2f1ed; }
html[data-palette="graphite"] .formats-strip { background:#eceef0; }
html[data-palette="graphite"] .services { color:#f2f1ed; }
html[data-palette="graphite"] .services .eyebrow,
html[data-palette="graphite"] .service-top>p,
html[data-palette="graphite"] .service-descriptions p { color:#cbd0d6; }
html[data-palette="graphite"] .technical-art { border-color:#66727e;background:radial-gradient(ellipse at 50% 70%,#46515e,transparent 70%); }
html[data-palette="graphite"] .technical-art .mesh-plane { filter:grayscale(1); }
html[data-palette="graphite"] .art-label,
html[data-palette="graphite"] .art-cross,
html[data-palette="graphite"] .art-index,
html[data-palette="graphite"] .service-number { color:#bdc8d3; }
html[data-palette="graphite"] .service-descriptions article { border-color:#66727e; }
html[data-palette="graphite"] .final-cta { background:#e9edf0; }
html[data-palette="graphite"] .menu-toggle:not([hidden]) { background:#30363e;color:#f2f1ed;border-color:#66727e; }
@media(max-width:950px) {
 html[data-palette="graphite"] .hero-scene::after { background:linear-gradient(90deg,#22272d 0%,rgba(34,39,45,.96) 22%,rgba(34,39,45,.7) 45%,rgba(34,39,45,.1) 85%),linear-gradient(0deg,#22272d,transparent 35%); }
 html[data-palette="graphite"] .header .navigation>a:not(.button) { border-color:#454c54; }
}
@media(max-width:680px) { html[data-palette="graphite"] .hero-scene::after { background:linear-gradient(180deg,#22272d,transparent 20%,transparent 70%,rgba(34,39,45,.7)); } }
@media(max-width:420px) { .palette-preview-inner { flex-wrap:wrap;gap:6px; } .palette-options { width:100%; } .palette-options button { flex:1; } }

/* Три компактных варианта остаются доступны на телефоне. */
@media(max-width:420px){.palette-options{gap:4px}.palette-options button{min-width:0;padding-inline:7px;font-size:11px;white-space:nowrap}}