/* ===================================================================
   Стили оформления (цвета, шрифты, скругления). Подключается, если выбран не «Стандартный» стиль.
   Выбор: Настройки → Основное → Стиль оформления (только админ). Файл создаётся скриптом, правьте его осторожно.
   Основной цвет, выбранный в настройках, имеет приоритет над цветом стиля (переменные --custom-accent / --custom-meta).
   =================================================================== */

html[data-style] .card__img, html[data-style] .post__cover { border-radius: calc(var(--radius) * .7); }
html[data-style] .btn { border-radius: calc(var(--radius) * .6); }
html[data-style] .nav__menu { border-radius: calc(var(--radius) * .8); }
/* Океан — Синий, спокойный, универсальный */
html[data-style="ocean"] {
  --accent: var(--custom-accent, #1f6feb);
  --meta-dark: var(--custom-meta, #8ebdeb);
  --bg: #0a0e12;
  --header: #12181f;
  --panel: #0f141a;
  --surface: #182028;
  --surface-2: #0c1115;
  --text: #f5f7f9;
  --text-2: #d3d9de;
  --muted: #9aa3ac;
  --line: #222b35;
  --link: #81bdf8;
  --footer: #141c24;
  --meta: var(--meta-dark);
  --radius: 12px;
}
html[data-style="ocean"][data-theme="light"] {
  --accent: var(--custom-accent, #1a5fcf);
  --bg: #eef1f4;
  --header: #fcfcfd;
  --panel: #fcfcfd;
  --surface: #f1f4f6;
  --surface-2: #f6f7f9;
  --text: #0f171f;
  --text-2: #263340;
  --muted: #606b76;
  --line: #dbe0e5;
  --link: #125ca5;
  --footer: #141c24;
  --meta: #606b76;
}

/* Лес — Тёмно-зелёный, мягкий */
html[data-style="forest"] {
  --accent: var(--custom-accent, #2a9d5c);
  --meta-dark: var(--custom-meta, #8eebbd);
  --bg: #0b110e;
  --header: #141d18;
  --panel: #111814;
  --surface: #1a2520;
  --surface-2: #0d1411;
  --text: #f5f9f7;
  --text-2: #d3ded9;
  --muted: #9aaca3;
  --line: #25322b;
  --link: #81f8bd;
  --footer: #17211c;
  --meta: var(--meta-dark);
  --font: "Trebuchet MS", "Segoe UI", Candara, "Gill Sans", system-ui, sans-serif;
  --radius: 10px;
}
html[data-style="forest"][data-theme="light"] {
  --accent: var(--custom-accent, #217a49);
  --bg: #eff3f1;
  --header: #fcfdfc;
  --panel: #fcfdfc;
  --surface: #f2f5f4;
  --surface-2: #f6f8f7;
  --text: #0f1f17;
  --text-2: #264033;
  --muted: #60766b;
  --line: #dde4e0;
  --link: #12a55c;
  --footer: #17211c;
  --meta: #60766b;
}

/* Закат — Тёплый оранжевый */
html[data-style="sunset"] {
  --accent: var(--custom-accent, #e8590c);
  --meta-dark: var(--custom-meta, #ebaa8e);
  --bg: #120c0a;
  --header: #1e1612;
  --panel: #1a120f;
  --surface: #271d19;
  --surface-2: #150f0c;
  --text: #f9f7f5;
  --text-2: #ded6d3;
  --muted: #aca09a;
  --line: #342823;
  --link: #f8a581;
  --footer: #231915;
  --meta: var(--meta-dark);
  --radius: 14px;
}
html[data-style="sunset"][data-theme="light"] {
  --accent: var(--custom-accent, #c2410c);
  --bg: #f4f0ee;
  --header: #fdfcfc;
  --panel: #fdfcfc;
  --surface: #f6f3f2;
  --surface-2: #f9f7f6;
  --text: #1f140f;
  --text-2: #402e26;
  --muted: #766760;
  --line: #e5dfdc;
  --link: #a53e12;
  --footer: #231915;
  --meta: #766760;
}

/* Лаванда — Фиолетовый, нежный */
html[data-style="lavender"] {
  --accent: var(--custom-accent, #8b5cf6);
  --meta-dark: var(--custom-meta, #b08eeb);
  --bg: #0d0b11;
  --header: #17131d;
  --panel: #131018;
  --surface: #1e1a26;
  --surface-2: #100d14;
  --text: #f7f5f9;
  --text-2: #d7d3de;
  --muted: #a19aac;
  --line: #2a2432;
  --link: #ad81f8;
  --footer: #1b1622;
  --meta: var(--meta-dark);
  --radius: 16px;
}
html[data-style="lavender"][data-theme="light"] {
  --accent: var(--custom-accent, #6d3fe0);
  --bg: #f0eef3;
  --header: #fcfcfd;
  --panel: #fcfcfd;
  --surface: #f3f2f5;
  --surface-2: #f7f6f8;
  --text: #150f1f;
  --text-2: #302640;
  --muted: #686076;
  --line: #dfdde4;
  --link: #4812a5;
  --footer: #1b1622;
  --meta: #686076;
}

/* Бордо — Винный цвет, шрифт с засечками */
html[data-style="bordeaux"] {
  --accent: var(--custom-accent, #c2255c);
  --meta-dark: var(--custom-meta, #eb8ea5);
  --bg: #110b0c;
  --header: #1d1316;
  --panel: #191012;
  --surface: #261a1d;
  --surface-2: #140d0f;
  --text: #f9f5f6;
  --text-2: #ded3d6;
  --muted: #ac9a9f;
  --line: #332428;
  --link: #f8819f;
  --footer: #221619;
  --meta: var(--meta-dark);
  --radius: 4px;
}
html[data-style="bordeaux"][data-theme="light"] {
  --accent: var(--custom-accent, #a61e4d);
  --bg: #f4eef0;
  --header: #fdfcfc;
  --panel: #fdfcfc;
  --surface: #f5f2f3;
  --surface-2: #f8f6f7;
  --text: #1f0f13;
  --text-2: #40262d;
  --muted: #766066;
  --line: #e4ddde;
  --link: #a51237;
  --footer: #221619;
  --meta: #766066;
}
html[data-style="bordeaux"] :is(h1, h2, h3, .card__title, .block__title, .post__title, .logo__name, .list-title) { font-family: Georgia, "Times New Roman", "Noto Serif", serif; }

/* Графит — Нейтральный серый, строгий */
html[data-style="graphite"] {
  --accent: var(--custom-accent, #7b8494);
  --meta-dark: var(--custom-meta, #8eadeb);
  --bg: #0d0e0f;
  --header: #171819;
  --panel: #141415;
  --surface: #1f1f21;
  --surface-2: #101011;
  --text: #f5f7f9;
  --text-2: #d3d7de;
  --muted: #9aa0ac;
  --line: #2a2b2d;
  --link: #81a9f8;
  --footer: #1b1c1d;
  --meta: var(--meta-dark);
  --font: "Segoe UI Variable", "Helvetica Neue", Arial, system-ui, sans-serif;
  --radius: 8px;
}
html[data-style="graphite"][data-theme="light"] {
  --accent: var(--custom-accent, #5b6472);
  --bg: #f0f1f1;
  --header: #fcfcfd;
  --panel: #fcfcfd;
  --surface: #f3f3f4;
  --surface-2: #f7f7f8;
  --text: #0f141f;
  --text-2: #262f40;
  --muted: #606876;
  --line: #e0e0e1;
  --link: #1243a5;
  --footer: #1b1c1d;
  --meta: #606876;
}

/* Мята — Свежий бирюзовый */
html[data-style="mint"] {
  --accent: var(--custom-accent, #14b8a6);
  --meta-dark: var(--custom-meta, #8eebdf);
  --bg: #0b1110;
  --header: #131d1c;
  --panel: #101918;
  --surface: #1a2624;
  --surface-2: #0d1413;
  --text: #f5f9f9;
  --text-2: #d3dedd;
  --muted: #9aacaa;
  --line: #243331;
  --link: #81f8e8;
  --footer: #162220;
  --meta: var(--meta-dark);
  --radius: 14px;
}
html[data-style="mint"][data-theme="light"] {
  --accent: var(--custom-accent, #0b7f70);
  --bg: #eef4f3;
  --header: #fcfdfd;
  --panel: #fcfdfd;
  --surface: #f2f5f5;
  --surface-2: #f6f8f8;
  --text: #0f1f1d;
  --text-2: #26403c;
  --muted: #607673;
  --line: #dde4e3;
  --link: #12a592;
  --footer: #162220;
  --meta: #607673;
}

/* Песок — Тёплый бежевый, засечки */
html[data-style="sand"] {
  --accent: var(--custom-accent, #d4913d);
  --meta-dark: var(--custom-meta, #ebc98e);
  --bg: #110f0b;
  --header: #1d1914;
  --panel: #181511;
  --surface: #25211a;
  --surface-2: #14110d;
  --text: #f9f8f5;
  --text-2: #dedad3;
  --muted: #aca69a;
  --line: #322d25;
  --link: #f8cd81;
  --footer: #211d17;
  --meta: var(--meta-dark);
  --font: Georgia, "Times New Roman", "Noto Serif", serif;
  --radius: 6px;
}
html[data-style="sand"][data-theme="light"] {
  --accent: var(--custom-accent, #b5651d);
  --bg: #efe6d6;
  --header: #faf5ea;
  --panel: #faf5ea;
  --surface: #f0e7d4;
  --surface-2: #f5eddd;
  --text: #1f190f;
  --text-2: #403626;
  --muted: #766e60;
  --line: #dccfb3;
  --link: #a56f12;
  --footer: #211d17;
  --meta: #766e60;
}

/* Неон — Тёмный с яркими акцентами */
html[data-style="neon"] {
  --accent: var(--custom-accent, #00e5ff);
  --meta-dark: var(--custom-meta, #ff4fd8);
  --bg: #06030f;
  --header: #0d0720;
  --panel: #0a0518;
  --surface: #150c2b;
  --surface-2: #09051a;
  --text: #f4eaff;
  --text-2: #d9c8f5;
  --muted: #9d86c9;
  --line: #2c1a55;
  --link: #4ff0ff;
  --footer: #0d0720;
  --meta: var(--meta-dark);
  --font: ui-monospace, "Cascadia Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --radius: 4px;
}
html[data-style="neon"][data-theme="light"] {
  --accent: var(--custom-accent, #0079a8);
  --bg: #f1edf5;
  --header: #fcfcfd;
  --panel: #fcfcfd;
  --surface: #f3f1f6;
  --surface-2: #f7f5f9;
  --text: #160f1f;
  --text-2: #322640;
  --muted: #6a6076;
  --line: #e0dae7;
  --link: #5712a5;
  --footer: #1b1226;
  --meta: #6a6076;
}
html[data-style="neon"] :is(h1, h2, h3, .card__title, .block__title, .post__title, .logo__name, .list-title) { font-family: ui-monospace, "Cascadia Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace; }

/* Бумага — Тёплая бумага, чернила, засечки */
html[data-style="paper"] {
  --accent: var(--custom-accent, #a0612b);
  --meta-dark: var(--custom-meta, #ebc48e);
  --bg: #100e0c;
  --header: #1b1915;
  --panel: #171512;
  --surface: #23201c;
  --surface-2: #13110f;
  --text: #f9f8f5;
  --text-2: #dedad3;
  --muted: #aca59a;
  --line: #302c27;
  --link: #f8c781;
  --footer: #201d19;
  --meta: var(--meta-dark);
  --font: Georgia, "Times New Roman", "Noto Serif", serif;
  --radius: 2px;
}
html[data-style="paper"][data-theme="light"] {
  --accent: var(--custom-accent, #8a5a2b);
  --bg: #f1ebdd;
  --header: #fbf8f1;
  --panel: #fbf8f1;
  --surface: #efe8d8;
  --surface-2: #f6f1e5;
  --text: #2a2118;
  --text-2: #3d3225;
  --muted: #76695a;
  --line: #dcd1ba;
  --link: #8a4f1e;
  --footer: #201d19;
  --meta: #76695a;
}

/* Газета — Строгая газетная вёрстка */
html[data-style="newspaper"] {
  --accent: var(--custom-accent, #c4122f);
  --meta-dark: var(--custom-meta, #ebd48e);
  --bg: #0f0e0d;
  --header: #191917;
  --panel: #151514;
  --surface: #21201f;
  --surface-2: #111110;
  --text: #f9f8f5;
  --text-2: #dedcd3;
  --muted: #aca89a;
  --line: #2d2c2a;
  --link: #f8db81;
  --footer: #1d1d1b;
  --meta: var(--meta-dark);
  --font: Georgia, "Times New Roman", "Noto Serif", serif;
  --radius: 0px;
}
html[data-style="newspaper"][data-theme="light"] {
  --accent: var(--custom-accent, #b00020);
  --bg: #ece9e1;
  --header: #fbfaf6;
  --panel: #fbfaf6;
  --surface: #f1eee6;
  --surface-2: #f6f4ee;
  --text: #111111;
  --text-2: #2b2b2b;
  --muted: #5c5a53;
  --line: #cfcabc;
  --link: #9a0f26;
  --footer: #1d1d1b;
  --meta: #5c5a53;
}
html[data-style="newspaper"] :is(h1, h2, h3, .card__title, .block__title, .post__title, .logo__name, .list-title) { font-family: Georgia, "Times New Roman", "Noto Serif", serif; }
html[data-style="newspaper"] :is(.block__title, .list-title) { text-transform: uppercase; letter-spacing: .05em; font-size: 22px; }
html[data-style="newspaper"] .header { box-shadow: 0 3px 0 var(--accent); }

/* Технологии — Тёмно-синий, моноширинные заголовки */
html[data-style="tech"] {
  --accent: var(--custom-accent, #0ea5e9);
  --meta-dark: var(--custom-meta, #8eb5eb);
  --bg: #090d13;
  --header: #101720;
  --panel: #0e131b;
  --surface: #171e29;
  --surface-2: #0b1016;
  --text: #f5f7f9;
  --text-2: #d3d8de;
  --muted: #9aa2ac;
  --line: #202937;
  --link: #81b3f8;
  --footer: #131b25;
  --meta: var(--meta-dark);
  --radius: 6px;
}
html[data-style="tech"][data-theme="light"] {
  --accent: var(--custom-accent, #0369a1);
  --bg: #edf0f5;
  --header: #fcfcfd;
  --panel: #fcfcfd;
  --surface: #f1f3f6;
  --surface-2: #f6f7f9;
  --text: #0f161f;
  --text-2: #263140;
  --muted: #606976;
  --line: #dadfe6;
  --link: #1250a5;
  --footer: #131b25;
  --meta: #606976;
}
html[data-style="tech"] :is(h1, h2, h3, .card__title, .block__title, .post__title, .logo__name, .list-title) { font-family: ui-monospace, "Cascadia Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace; }

/* Кулинария — Тёплый крем и томатный красный */
html[data-style="cooking"] {
  --accent: var(--custom-accent, #e5533d);
  --meta-dark: var(--custom-meta, #ebba8e);
  --bg: #120e0a;
  --header: #1f1812;
  --panel: #1a140f;
  --surface: #281f18;
  --surface-2: #15100c;
  --text: #f9f7f5;
  --text-2: #ded8d3;
  --muted: #aca39a;
  --line: #352b22;
  --link: #f8b981;
  --footer: #241c14;
  --meta: var(--meta-dark);
  --font: "Trebuchet MS", "Segoe UI", Candara, "Gill Sans", system-ui, sans-serif;
  --radius: 18px;
}
html[data-style="cooking"][data-theme="light"] {
  --accent: var(--custom-accent, #c9402c);
  --bg: #f7efe4;
  --header: #fffaf2;
  --panel: #fffaf2;
  --surface: #f7eddf;
  --surface-2: #fbf4e8;
  --text: #2b1a10;
  --text-2: #46301f;
  --muted: #8a6a55;
  --line: #ebdcc6;
  --link: #c2371f;
  --footer: #241c14;
  --meta: #8a6a55;
}

/* Авто — Карбон и оранжевый, острые углы */
html[data-style="auto"] {
  --accent: var(--custom-accent, #ff8a00);
  --meta-dark: var(--custom-meta, #bdbdbd);
  --bg: #0e0e0e;
  --header: #181818;
  --panel: #141414;
  --surface: #202020;
  --surface-2: #111111;
  --text: #f7f7f7;
  --text-2: #d9d9d9;
  --muted: #a3a3a3;
  --line: #2b2b2b;
  --link: #bdbdbd;
  --footer: #1c1c1c;
  --meta: var(--meta-dark);
  --font: "Segoe UI Variable", "Helvetica Neue", Arial, system-ui, sans-serif;
  --radius: 2px;
}
html[data-style="auto"][data-theme="light"] {
  --accent: var(--custom-accent, #d97100);
  --bg: #f1f1f1;
  --header: #fcfcfc;
  --panel: #fcfcfc;
  --surface: #f4f4f4;
  --surface-2: #f7f7f7;
  --text: #171717;
  --text-2: #333333;
  --muted: #6b6b6b;
  --line: #e0e0e0;
  --link: #5c5c5c;
  --footer: #1c1c1c;
  --meta: #6b6b6b;
}
html[data-style="auto"] :is(.block__title, .list-title) { text-transform: uppercase; letter-spacing: .05em; font-size: 22px; }

/* Игры — Глубокий фиолетовый и маджента */
html[data-style="games"] {
  --accent: var(--custom-accent, #d946ef);
  --meta-dark: var(--custom-meta, #c48eeb);
  --bg: #0f0913;
  --header: #191120;
  --panel: #150e1b;
  --surface: #211729;
  --surface-2: #110b16;
  --text: #f8f5f9;
  --text-2: #dad3de;
  --muted: #a59aac;
  --line: #2d2136;
  --link: #c781f8;
  --footer: #1d1325;
  --meta: var(--meta-dark);
  --radius: 10px;
}
html[data-style="games"][data-theme="light"] {
  --accent: var(--custom-accent, #a21caf);
  --bg: #f2edf5;
  --header: #fdfcfd;
  --panel: #fdfcfd;
  --surface: #f4f1f6;
  --surface-2: #f8f6f9;
  --text: #180f1f;
  --text-2: #352640;
  --muted: #6d6076;
  --line: #e1dbe6;
  --link: #6812a5;
  --footer: #1d1325;
  --meta: #6d6076;
}

/* Финансы — Тёмно-синий и золото */
html[data-style="finance"] {
  --accent: var(--custom-accent, #d4a017);
  --meta-dark: var(--custom-meta, #8eaaeb);
  --bg: #0a0c12;
  --header: #12161f;
  --panel: #0f121a;
  --surface: #181d27;
  --surface-2: #0c0f15;
  --text: #f5f7f9;
  --text-2: #d3d6de;
  --muted: #9aa0ac;
  --line: #222834;
  --link: #81a5f8;
  --footer: #151923;
  --meta: var(--meta-dark);
  --font: "Trebuchet MS", "Segoe UI", Candara, "Gill Sans", system-ui, sans-serif;
  --radius: 6px;
}
html[data-style="finance"][data-theme="light"] {
  --accent: var(--custom-accent, #9a7209);
  --bg: #eef0f4;
  --header: #fcfcfd;
  --panel: #fcfcfd;
  --surface: #f1f3f6;
  --surface-2: #f6f7f9;
  --text: #0f141f;
  --text-2: #262e40;
  --muted: #606776;
  --line: #dcdee5;
  --link: #123ea5;
  --footer: #151923;
  --meta: #606776;
}
html[data-style="finance"] :is(h1, h2, h3, .card__title, .block__title, .post__title, .logo__name, .list-title) { font-family: Georgia, "Times New Roman", "Noto Serif", serif; }
html[data-style="finance"] .header { box-shadow: 0 3px 0 var(--accent); }

/* Здоровье — Светлый, мягкий бирюзовый */
html[data-style="health"] {
  --accent: var(--custom-accent, #14b8a6);
  --meta-dark: var(--custom-meta, #8eebe8);
  --bg: #0c1010;
  --header: #151c1c;
  --panel: #111717;
  --surface: #1c2424;
  --surface-2: #0e1313;
  --text: #f5f9f9;
  --text-2: #d3dede;
  --muted: #9aacac;
  --line: #263130;
  --link: #81f8f4;
  --footer: #182020;
  --meta: var(--meta-dark);
  --font: "Trebuchet MS", "Segoe UI", Candara, "Gill Sans", system-ui, sans-serif;
  --radius: 20px;
}
html[data-style="health"][data-theme="light"] {
  --accent: var(--custom-accent, #0f766e);
  --bg: #e9f4f2;
  --header: #ffffff;
  --panel: #ffffff;
  --surface: #eef7f5;
  --surface-2: #f4faf8;
  --text: #0f1f1e;
  --text-2: #26403f;
  --muted: #607675;
  --line: #d3e8e4;
  --link: #12a5a0;
  --footer: #182020;
  --meta: #607675;
}

/* Путешествия — Небесно-голубой и песок */
html[data-style="travel"] {
  --accent: var(--custom-accent, #06b6d4);
  --meta-dark: var(--custom-meta, #8ecfeb);
  --bg: #0a1012;
  --header: #111b1f;
  --panel: #0e171a;
  --surface: #182328;
  --surface-2: #0c1215;
  --text: #f5f8f9;
  --text-2: #d3dbde;
  --muted: #9aa7ac;
  --line: #212f35;
  --link: #81d5f8;
  --footer: #141f24;
  --meta: var(--meta-dark);
  --font: "Trebuchet MS", "Segoe UI", Candara, "Gill Sans", system-ui, sans-serif;
  --radius: 14px;
}
html[data-style="travel"][data-theme="light"] {
  --accent: var(--custom-accent, #0e7490);
  --bg: #e6f1f5;
  --header: #ffffff;
  --panel: #ffffff;
  --surface: #eef6f8;
  --surface-2: #f4f9fb;
  --text: #0f1a1f;
  --text-2: #263840;
  --muted: #606f76;
  --line: #d3e4ea;
  --link: #1279a5;
  --footer: #141f24;
  --meta: #606f76;
}

/* Мода — Пудровый розовый, тонкие заголовки */
html[data-style="fashion"] {
  --accent: var(--custom-accent, #e11d74);
  --meta-dark: var(--custom-meta, #eb8eb5);
  --bg: #100c0e;
  --header: #1c1418;
  --panel: #181114;
  --surface: #241b1f;
  --surface-2: #130e10;
  --text: #f9f5f7;
  --text-2: #ded3d8;
  --muted: #ac9aa2;
  --line: #31262a;
  --link: #f881b3;
  --footer: #21181b;
  --meta: var(--meta-dark);
  --font: Georgia, "Times New Roman", "Noto Serif", serif;
  --radius: 0px;
}
html[data-style="fashion"][data-theme="light"] {
  --accent: var(--custom-accent, #be185d);
  --bg: #f6ecee;
  --header: #fffafb;
  --panel: #fffafb;
  --surface: #f8eef0;
  --surface-2: #fbf3f5;
  --text: #1f0f16;
  --text-2: #402631;
  --muted: #766069;
  --line: #ead7dc;
  --link: #a51250;
  --footer: #21181b;
  --meta: #766069;
}
html[data-style="fashion"] :is(h1, h2, h3, .card__title, .block__title, .post__title, .logo__name, .list-title) { font-family: Georgia, "Times New Roman", "Noto Serif", serif; }
html[data-style="fashion"] :is(.block__title, .list-title) { text-transform: uppercase; letter-spacing: .05em; font-size: 22px; }

/* Контраст — Высокая контрастность для слабовидящих */
html[data-style="contrast"] {
  --accent: var(--custom-accent, #ffd60a);
  --meta-dark: var(--custom-meta, #bdbdbd);
  --bg: #000000;
  --header: #000000;
  --panel: #000000;
  --surface: #161616;
  --surface-2: #0a0a0a;
  --text: #ffffff;
  --text-2: #f0f0f0;
  --muted: #d4d4d4;
  --line: #6b6b6b;
  --link: #ffd60a;
  --footer: #0a0a0a;
  --meta: var(--meta-dark);
  --font: "Segoe UI Variable", "Helvetica Neue", Arial, system-ui, sans-serif;
  --radius: 4px;
}
html[data-style="contrast"][data-theme="light"] {
  --accent: var(--custom-accent, #0033cc);
  --bg: #ffffff;
  --header: #ffffff;
  --panel: #ffffff;
  --surface: #f0f0f0;
  --surface-2: #f7f7f7;
  --text: #000000;
  --text-2: #111111;
  --muted: #2b2b2b;
  --line: #555555;
  --link: #0033cc;
  --footer: #1c1c1c;
  --meta: #2b2b2b;
}
html[data-style="contrast"] .header { box-shadow: 0 3px 0 var(--accent); }

/* Кофе — Тёплый коричневый, мягкие засечки */
html[data-style="coffee"] {
  --accent: var(--custom-accent, #b5651d);
  --meta-dark: var(--custom-meta, #e0b48e);
  --bg: #100c0a;
  --header: #1c1511;
  --panel: #171210;
  --surface: #251c17;
  --surface-2: #130e0c;
  --text: #f8f4f1;
  --text-2: #dcd2cb;
  --muted: #aa9b92;
  --line: #31261f;
  --link: #e0a67a;
  --footer: #201813;
  --meta: var(--meta-dark);
  --radius: 12px;
}
html[data-style="coffee"][data-theme="light"] {
  --accent: var(--custom-accent, #8a4a12);
  --bg: #f1e9e2;
  --header: #fbf7f3;
  --panel: #fbf7f3;
  --surface: #f4ece5;
  --surface-2: #f8f2ed;
  --text: #1f140d;
  --text-2: #3d2c21;
  --muted: #6f5e53;
  --line: #e2d4c8;
  --link: #8a4a12;
  --footer: #201813;
  --meta: #6f5e53;
}

/* Полночь — Глубокий индиго, холодные акценты */
html[data-style="midnight"] {
  --accent: var(--custom-accent, #6366f1);
  --meta-dark: var(--custom-meta, #a5a9f5);
  --bg: #080a14;
  --header: #10132a;
  --panel: #0c0f20;
  --surface: #171b36;
  --surface-2: #0a0c1a;
  --text: #f3f4fb;
  --text-2: #d0d3e8;
  --muted: #9a9fbd;
  --line: #222748;
  --link: #9aa6ff;
  --footer: #0f1226;
  --meta: var(--meta-dark);
  --radius: 12px;
}
html[data-style="midnight"][data-theme="light"] {
  --accent: var(--custom-accent, #4f46e5);
  --bg: #eceef8;
  --header: #fbfbfe;
  --panel: #fbfbfe;
  --surface: #eff0fa;
  --surface-2: #f5f6fc;
  --text: #12142b;
  --text-2: #2b2f55;
  --muted: #5e6389;
  --line: #d9dcf0;
  --link: #4338ca;
  --footer: #0f1226;
  --meta: #5e6389;
}

/* Лайм — Свежий зелёно-жёлтый, лёгкий */
html[data-style="lime"] {
  --accent: var(--custom-accent, #84cc16);
  --meta-dark: var(--custom-meta, #c3e68a);
  --bg: #0b0f08;
  --header: #151b0f;
  --panel: #11160c;
  --surface: #1c2415;
  --surface-2: #0d1109;
  --text: #f7f9f3;
  --text-2: #d6dccb;
  --muted: #a0aa90;
  --line: #27311c;
  --link: #b7e05a;
  --footer: #161d10;
  --meta: var(--meta-dark);
  --radius: 12px;
}
html[data-style="lime"][data-theme="light"] {
  --accent: var(--custom-accent, #4d7c0f);
  --bg: #eff3e6;
  --header: #fbfdf6;
  --panel: #fbfdf6;
  --surface: #f1f5e8;
  --surface-2: #f6f9ef;
  --text: #141a0b;
  --text-2: #2c3a18;
  --muted: #5f6d4a;
  --line: #dde5cc;
  --link: #4d7c0f;
  --footer: #161d10;
  --meta: #5f6d4a;
}

/* Коралл — Тёплый коралловый, мягкий и живой */
html[data-style="coral"] {
  --accent: var(--custom-accent, #ff6b6b);
  --meta-dark: var(--custom-meta, #ffb3ac);
  --bg: #120b0b;
  --header: #1c1212;
  --panel: #171010;
  --surface: #261819;
  --surface-2: #140d0d;
  --text: #fbf5f4;
  --text-2: #e3d2d0;
  --muted: #b09a98;
  --line: #33201f;
  --link: #ff8f85;
  --footer: #1b1111;
  --meta: var(--meta-dark);
  --radius: 12px;
}
html[data-style="coral"][data-theme="light"] {
  --accent: var(--custom-accent, #c92a3a);
  --bg: #fbf0ee;
  --header: #fffafa;
  --panel: #fffafa;
  --surface: #f9ebe9;
  --surface-2: #fdf3f2;
  --text: #2a1210;
  --text-2: #4a2623;
  --muted: #7a5a57;
  --line: #efd6d3;
  --link: #b42336;
  --footer: #1b1111;
  --meta: #7a5a57;
}

/* Янтарь — Тёплый янтарный и золото */
html[data-style="amber"] {
  --accent: var(--custom-accent, #f59e0b);
  --meta-dark: var(--custom-meta, #fcd98a);
  --bg: #120e07;
  --header: #1d1709;
  --panel: #181309;
  --surface: #271f10;
  --surface-2: #140f07;
  --text: #fbf7ee;
  --text-2: #e0d6bf;
  --muted: #b0a285;
  --line: #34291a;
  --link: #fbbf24;
  --footer: #1c1609;
  --meta: var(--meta-dark);
  --radius: 12px;
}
html[data-style="amber"][data-theme="light"] {
  --accent: var(--custom-accent, #b45309);
  --bg: #f7f0e0;
  --header: #fffbf2;
  --panel: #fffbf2;
  --surface: #f9f2e2;
  --surface-2: #fcf7ea;
  --text: #231a07;
  --text-2: #46360f;
  --muted: #7a6a46;
  --line: #eadcbc;
  --link: #92400e;
  --footer: #1c1609;
  --meta: #7a6a46;
}

/* Сланец — Холодный серо-синий, деловой */
html[data-style="slate"] {
  --accent: var(--custom-accent, #38bdf8);
  --meta-dark: var(--custom-meta, #9fd6f0);
  --bg: #0d1014;
  --header: #171c23;
  --panel: #12161b;
  --surface: #1d232b;
  --surface-2: #0f1318;
  --text: #f3f5f7;
  --text-2: #d0d6dd;
  --muted: #98a2ae;
  --line: #262e38;
  --link: #7dd3fc;
  --footer: #151a20;
  --meta: var(--meta-dark);
  --radius: 12px;
}
html[data-style="slate"][data-theme="light"] {
  --accent: var(--custom-accent, #0369a1);
  --bg: #eceff3;
  --header: #fbfcfd;
  --panel: #fbfcfd;
  --surface: #eef1f5;
  --surface-2: #f4f6f8;
  --text: #11161c;
  --text-2: #2a343f;
  --muted: #5d6875;
  --line: #d9dee5;
  --link: #0c6aa1;
  --footer: #151a20;
  --meta: #5d6875;
}

/* Цвет текста на фоне акцента (кнопки, метки, текущая страница): белый или тёмный, что контрастнее */
html[data-style="ocean"] { --on-accent: #ffffff; }
html[data-style="ocean"][data-theme="light"] { --on-accent: #ffffff; }
html[data-style="forest"] { --on-accent: #0c0c0c; }
html[data-style="forest"][data-theme="light"] { --on-accent: #ffffff; }
html[data-style="sunset"] { --on-accent: #0c0c0c; }
html[data-style="sunset"][data-theme="light"] { --on-accent: #ffffff; }
html[data-style="lavender"] { --on-accent: #0c0c0c; }
html[data-style="lavender"][data-theme="light"] { --on-accent: #ffffff; }
html[data-style="bordeaux"] { --on-accent: #ffffff; }
html[data-style="bordeaux"][data-theme="light"] { --on-accent: #ffffff; }
html[data-style="graphite"] { --on-accent: #0c0c0c; }
html[data-style="graphite"][data-theme="light"] { --on-accent: #ffffff; }
html[data-style="mint"] { --on-accent: #04201c; }
html[data-style="mint"][data-theme="light"] { --on-accent: #ffffff; }
html[data-style="sand"] { --on-accent: #1c1206; }
html[data-style="sand"][data-theme="light"] { --on-accent: #ffffff; }
html[data-style="neon"] { --on-accent: #02141a; }
html[data-style="neon"][data-theme="light"] { --on-accent: #ffffff; }
html[data-style="paper"] { --on-accent: #ffffff; }
html[data-style="paper"][data-theme="light"] { --on-accent: #ffffff; }
html[data-style="newspaper"] { --on-accent: #ffffff; }
html[data-style="newspaper"][data-theme="light"] { --on-accent: #ffffff; }
html[data-style="tech"] { --on-accent: #04121b; }
html[data-style="tech"][data-theme="light"] { --on-accent: #ffffff; }
html[data-style="cooking"] { --on-accent: #0c0c0c; }
html[data-style="cooking"][data-theme="light"] { --on-accent: #ffffff; }
html[data-style="auto"] { --on-accent: #150b00; }
html[data-style="auto"][data-theme="light"] { --on-accent: #150b00; }
html[data-style="games"] { --on-accent: #1a0420; }
html[data-style="games"][data-theme="light"] { --on-accent: #ffffff; }
html[data-style="finance"] { --on-accent: #14100a; }
html[data-style="finance"][data-theme="light"] { --on-accent: #ffffff; }
html[data-style="health"] { --on-accent: #04201c; }
html[data-style="health"][data-theme="light"] { --on-accent: #ffffff; }
html[data-style="travel"] { --on-accent: #031a1f; }
html[data-style="travel"][data-theme="light"] { --on-accent: #ffffff; }
html[data-style="fashion"] { --on-accent: #ffffff; }
html[data-style="fashion"][data-theme="light"] { --on-accent: #ffffff; }
html[data-style="contrast"] { --on-accent: #000000; }
html[data-style="contrast"][data-theme="light"] { --on-accent: #ffffff; }
html[data-style="coffee"] { --on-accent: #0c0c0c; }
html[data-style="coffee"][data-theme="light"] { --on-accent: #ffffff; }
html[data-style="midnight"] { --on-accent: #ffffff; }
html[data-style="midnight"][data-theme="light"] { --on-accent: #ffffff; }
html[data-style="lime"] { --on-accent: #0f1a03; }
html[data-style="lime"][data-theme="light"] { --on-accent: #ffffff; }
html[data-style="coral"] { --on-accent: #1a0707; }
html[data-style="coral"][data-theme="light"] { --on-accent: #ffffff; }
html[data-style="amber"] { --on-accent: #1a1100; }
html[data-style="amber"][data-theme="light"] { --on-accent: #ffffff; }
html[data-style="slate"] { --on-accent: #04141f; }
html[data-style="slate"][data-theme="light"] { --on-accent: #ffffff; }