/* ============================================================
   zom-bio · engine — новые темы v5 (разные характеры, не «тот же
   тёмный фон + другой акцент»). Подключается ПОСЛЕ style.css.
   Класс theme-<key> вешается движком на <html>.
   Светлые темы переопределяют --card-border и поверхности/линии.
   ============================================================ */

/* Персик: светлая тёплая, кремово-персиковый фон + терракота */
html.theme-peach {
  --bg: #fdeadb;
  --ink: #4a2a1c;
  --ink-soft: #835740;
  --card: rgba(255, 250, 244, 0.65);
  --card-border: rgba(150, 70, 35, 0.14);
  --accent: #b94c2b;
  --accent-2: #f09a6d;
  --accent-soft: rgba(185, 76, 43, 0.3);
  --on-accent: #fff6ef;
  --blob1: rgba(240, 154, 109, 0.5);
  --blob2: rgba(207, 90, 56, 0.36);
  --blob3: rgba(255, 201, 163, 0.5);
  --blob4: rgba(224, 121, 79, 0.28);
  --surface: rgba(150, 70, 35, 0.05);
  --surface-2: rgba(150, 70, 35, 0.07);
  --line: rgba(150, 70, 35, 0.1);
  --line-2: rgba(150, 70, 35, 0.14);
  --line-soft: rgba(150, 70, 35, 0.07);
  --track: rgba(150, 70, 35, 0.12);
}

/* Синтвейв: градиент «пурпур → синяя ночь», hot pink + cyan,
   имя — Space Grotesk */
html.theme-synthwave {
  --bg: #150423;
  --ink: #fdeaff;
  --ink-soft: #b48ad4;
  --card: rgba(46, 16, 72, 0.55);
  --card-border: rgba(255, 46, 154, 0.16);
  --accent: #ff2e9a;
  --accent-2: #2ee6ff;
  --accent-soft: rgba(255, 46, 154, 0.38);
  --on-accent: #26041a;
  --blob1: rgba(255, 46, 154, 0.55);
  --blob2: rgba(46, 230, 255, 0.45);
  --blob3: rgba(150, 60, 255, 0.45);
  --blob4: rgba(255, 122, 192, 0.3);
  --font-display: "Space Grotesk", "Clash Display", system-ui, sans-serif;
}
html.theme-synthwave body {
  background: linear-gradient(180deg, #1c0635 0%, #12041f 50%, #0a0214 100%);
}

/* Матча-латте: светлая пастельная зелено-кремовая */
html.theme-matchalatte {
  --bg: #f1f4e6;
  --ink: #333f27;
  --ink-soft: #647049;
  --card: rgba(255, 255, 250, 0.62);
  --card-border: rgba(75, 95, 50, 0.12);
  --accent: #587c36;
  --accent-2: #a8c47e;
  --accent-soft: rgba(88, 124, 54, 0.32);
  --on-accent: #ffffff;
  --blob1: rgba(168, 196, 126, 0.5);
  --blob2: rgba(111, 154, 74, 0.36);
  --blob3: rgba(214, 226, 170, 0.5);
  --blob4: rgba(111, 154, 74, 0.24);
  --surface: rgba(75, 95, 50, 0.05);
  --surface-2: rgba(75, 95, 50, 0.07);
  --line: rgba(75, 95, 50, 0.1);
  --line-2: rgba(75, 95, 50, 0.14);
  --line-soft: rgba(75, 95, 50, 0.07);
  --track: rgba(75, 95, 50, 0.12);
}

/* Голдраш: почти чёрный, золото #d4af37 + тёплое свечение сверху */
html.theme-goldrush {
  --bg: #0d0b05;
  --ink: #f7efdb;
  --ink-soft: #b3a37c;
  --card: rgba(32, 26, 14, 0.55);
  --card-border: rgba(212, 175, 55, 0.14);
  --accent: #d4af37;
  --accent-2: #f2d06b;
  --accent-soft: rgba(212, 175, 55, 0.35);
  --on-accent: #241a02;
  --blob1: rgba(212, 175, 55, 0.48);
  --blob2: rgba(160, 124, 28, 0.4);
  --blob3: rgba(242, 208, 107, 0.32);
  --blob4: rgba(200, 155, 42, 0.28);
}
html.theme-goldrush body {
  background: radial-gradient(110% 80% at 50% 0%, #1e1708 0%, #0d0b05 65%);
}

/* Небо: светлая небесная с мягким вертикальным градиентом */
html.theme-bluesky {
  --bg: #e3f1fc;
  --ink: #16324f;
  --ink-soft: #4c6b88;
  --card: rgba(255, 255, 255, 0.62);
  --card-border: rgba(25, 70, 120, 0.12);
  --accent: #1b6cd9;
  --accent-2: #5aa9f0;
  --accent-soft: rgba(27, 108, 217, 0.3);
  --on-accent: #ffffff;
  --blob1: rgba(90, 169, 240, 0.45);
  --blob2: rgba(27, 108, 217, 0.32);
  --blob3: rgba(169, 211, 247, 0.5);
  --blob4: rgba(27, 108, 217, 0.2);
  --surface: rgba(25, 70, 120, 0.05);
  --surface-2: rgba(25, 70, 120, 0.07);
  --line: rgba(25, 70, 120, 0.1);
  --line-2: rgba(25, 70, 120, 0.14);
  --line-soft: rgba(25, 70, 120, 0.07);
  --track: rgba(25, 70, 120, 0.12);
}
html.theme-bluesky body {
  background: linear-gradient(180deg, #eaf6ff 0%, #d6eafb 100%);
}

/* Виноград: глубокий сине-сливовый + фиолетово-ягодные акценты */
html.theme-grape {
  --bg: #150920;
  --ink: #f4e9fb;
  --ink-soft: #ac90c4;
  --card: rgba(38, 18, 56, 0.55);
  --card-border: rgba(207, 110, 247, 0.14);
  --accent: #cf6ef7;
  --accent-2: #ff5e9c;
  --accent-soft: rgba(207, 110, 247, 0.38);
  --on-accent: #2a0840;
  --blob1: rgba(195, 77, 242, 0.5);
  --blob2: rgba(255, 94, 156, 0.48);
  --blob3: rgba(122, 60, 255, 0.4);
  --blob4: rgba(255, 143, 184, 0.3);
}

/* Карбон: нейтральный графит + спортивный красный, пятна приглушены */
html.theme-carbon {
  --bg: #121212;
  --ink: #eeeeee;
  --ink-soft: #9a9a9a;
  --card: rgba(30, 30, 30, 0.6);
  --card-border: rgba(255, 255, 255, 0.1);
  --accent: #d91f1f;
  --accent-2: #ff7a4d;
  --accent-soft: rgba(217, 31, 31, 0.35);
  --on-accent: #ffffff;
  --blob1: rgba(230, 46, 46, 0.4);
  --blob2: rgba(110, 110, 110, 0.3);
  --blob3: rgba(255, 122, 77, 0.28);
  --blob4: rgba(176, 32, 32, 0.3);
}

/* Мята: очень светлая мятная, бирюзовый акцент */
html.theme-minty {
  --bg: #e9faf2;
  --ink: #143b32;
  --ink-soft: #4a7263;
  --card: rgba(255, 255, 255, 0.62);
  --card-border: rgba(15, 90, 70, 0.12);
  --accent: #07816b;
  --accent-2: #4dd6b8;
  --accent-soft: rgba(7, 129, 107, 0.3);
  --on-accent: #ffffff;
  --blob1: rgba(77, 214, 184, 0.45);
  --blob2: rgba(13, 168, 138, 0.32);
  --blob3: rgba(170, 240, 215, 0.5);
  --blob4: rgba(13, 168, 138, 0.2);
  --surface: rgba(15, 90, 70, 0.05);
  --surface-2: rgba(15, 90, 70, 0.07);
  --line: rgba(15, 90, 70, 0.1);
  --line-2: rgba(15, 90, 70, 0.14);
  --line-soft: rgba(15, 90, 70, 0.07);
  --track: rgba(15, 90, 70, 0.12);
}