/* Палитры (бета-показ). Переключаются атрибутом data-theme на <html>; без атрибута — текущая «Графит».
   В светлых палитрах «тёмные» секции (--g6…--g9) становятся светлыми тонами, текст на них (--t-d) — тёмным.
   Золото для текста на светлом фоне затемнено (контраст крупного текста ≥ 3:1, мелкого — ≥ 4.5:1). */

/* 1. Слоновая кость — тёплый кремовый, бронза */
html[data-theme="kost"] {
  --haze: #F8F4EC; --white: #FFFDF8;
  --g9: #E6DCCB; --g8: #EDE5D7; --g7: #F2ECE1; --g6: #E9E0D1;
  --t-d: #2A2622; --t-d2: #6A6157; --ink: #2A2622; --ink-2: #6A6157;
  --line-d: rgba(42, 38, 34, .14); --line-l: rgba(42, 38, 34, .14);
  --gold: #A0834F; --gold-hi: #7A6238; --gold-lo: #6A5430; --gold-disp: #8A7043;
}
/* 2. Белый мрамор — чистый белый, холодный серый, шампанское */
html[data-theme="mramor"] {
  --haze: #F6F6F4; --white: #FFFFFF;
  --g9: #E4E4E1; --g8: #ECECE9; --g7: #F3F3F1; --g6: #E8E8E5;
  --t-d: #1C1C21; --t-d2: #5F5F68; --ink: #1C1C21; --ink-2: #5F5F68;
  --line-d: rgba(28, 28, 33, .12); --line-l: rgba(28, 28, 33, .12);
  --gold: #A88D5C; --gold-hi: #7B653F; --gold-lo: #6B5735; --gold-disp: #8D7548;
}
/* 3. Шампань — бежевый, сепия, тёплое золото */
html[data-theme="shampan"] {
  --haze: #F5EEE4; --white: #FBF7F1;
  --g9: #E3D5C1; --g8: #EADFCF; --g7: #F0E7DA; --g6: #E6DAC8;
  --t-d: #2B241D; --t-d2: #6D6053; --ink: #2B241D; --ink-2: #6D6053;
  --line-d: rgba(43, 36, 29, .14); --line-l: rgba(43, 36, 29, .14);
  --gold: #9C7A48; --gold-hi: #735A33; --gold-lo: #634D2B; --gold-disp: #86693E;
}
/* 4. Жемчуг и шалфей — светлый серо-зелёный, спокойное золото */
html[data-theme="shalfey"] {
  --haze: #F3F4F0; --white: #FBFBF8;
  --g9: #DDE2D9; --g8: #E5E9E1; --g7: #EDF0EA; --g6: #E1E6DC;
  --t-d: #1F2420; --t-d2: #5C655E; --ink: #1F2420; --ink-2: #5C655E;
  --line-d: rgba(31, 36, 32, .13); --line-l: rgba(31, 36, 32, .13);
  --gold: #9D8656; --gold-hi: #6F5E39; --gold-lo: #5F5031; --gold-disp: #83703F;
}
/* 5. Пудра — мягкий розовато-бежевый, розовое золото */
html[data-theme="pudra"] {
  --haze: #F8F3F1; --white: #FFFCFB;
  --g9: #EADDD8; --g8: #F0E6E2; --g7: #F5EEEB; --g6: #ECE1DC;
  --t-d: #2A2224; --t-d2: #6C5E61; --ink: #2A2224; --ink-2: #6C5E61;
  --line-d: rgba(42, 34, 36, .13); --line-l: rgba(42, 34, 36, .13);
  --gold: #A5825F; --gold-hi: #7A5E43; --gold-lo: #684F38; --gold-disp: #8C6D4F;
}

/* плашка выбора палитры */
.theme-switch { position: fixed; left: 16px; bottom: 16px; z-index: 90; display: flex; align-items: center; gap: 6px; padding: 6px 8px 6px 12px;
  background: rgba(255, 255, 255, .92); border: 1px solid rgba(0, 0, 0, .12); border-radius: 999px; font: 500 12px/1 var(--f-sans, sans-serif); color: #333; box-shadow: 0 6px 24px rgba(0, 0, 0, .08); }
.theme-switch span { margin-right: 4px; letter-spacing: .04em; }
.theme-switch button { width: 26px; height: 26px; border-radius: 50%; border: 2px solid transparent; cursor: pointer; padding: 0; }
.theme-switch button[aria-pressed="true"] { border-color: #333; }
.theme-switch button:focus-visible { outline: 2px solid #333; outline-offset: 2px; }
@media (max-width: 599px) { .theme-switch { top: 76px; bottom: auto; left: auto; right: 8px; transform: scale(.82); transform-origin: top right; } }

/* === Контраст в светлых палитрах (аудит 30.09): золото-заливка светлее, золото-текст темнее === */
html[data-theme="kost"]    { --gold: #C4A574; --t-d2: #5B5249; --ink-2: #5B5249; }
html[data-theme="mramor"]  { --gold: #C2A879; --t-d2: #52525A; --ink-2: #52525A; }
html[data-theme="shampan"] { --gold: #C6A36C; --t-d2: #5E5246; --ink-2: #5E5246; }
html[data-theme="shalfey"] { --gold: #BFA675; --t-d2: #4F5751; --ink-2: #4F5751; }
html[data-theme="pudra"]   { --gold: #C9A383; --t-d2: #5E5053; --ink-2: #5E5053; }
/* золотые слова в заголовках (в т. ч. разбитые на буквы) — тёмное золото */
html[data-theme] .gw, html[data-theme] .gw * { color: var(--gold-disp) !important; }
/* тёмная кнопка: текст светлый, иначе сливается */
html[data-theme] .btn--ink { --fg: var(--haze); }
/* шапка в светлых палитрах — всегда на светлой подложке (над тёмным фото первого экрана B логотип и меню терялись) */
html[data-theme] .hdr { background: color-mix(in srgb, var(--haze) 95%, transparent) !important; box-shadow: 0 1px 0 var(--line-l); color: var(--ink); }
html[data-theme] .hdr .nav a, html[data-theme] .hdr .burger { color: var(--ink); }
/* плашки «Палитра»/«Логотип» не закрывают контент: полупрозрачные, пока на них не навели */
.theme-switch, .logo-switch { opacity: .45; transition: opacity 200ms ease; }
.theme-switch:hover, .theme-switch:focus-within, .logo-switch:hover, .logo-switch:focus-within { opacity: 1; }