/* Тема «sea» (site.THEME = "sea"): светлая шапка, бирюзовый основной цвет, коралловый акцент, крупные скругления,
   у табло бирюзовая полоса с переключателями. Подключается после style.css и меняет только вид. */
:root {
  --bg: #eef6f7;
  --card: #ffffff;
  --text: #0e2930;
  --muted: #4c666d;
  --faint: #86a0a6;
  --line: #d4e5e9;
  --line-2: #e8f2f4;
  --brand: #0e7490;
  --brand-ink: #ffffff;
  --brand-soft: #def3f6;
  --accent: #ff7a59;
  --accent-soft: #ffece6;
  --accent-ink: #b23c1c;
  --hdr-bg: #ffffff;
  --radius: 20px;
  --shadow: 0 2px 4px rgba(14, 116, 144, .05), 0 10px 30px rgba(14, 116, 144, .07);
  --sea: linear-gradient(120deg, #0e7490 0%, #0891b2 55%, #22a6c7 100%);
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #071a1f; --card: #0d252c; --text: #e2f1f4; --muted: #9dbac1; --faint: #6b8b93; --line: #1c3a42;
    --line-2: #133038; --brand: #5ccfe6; --brand-ink: #062027; --brand-soft: #123a44; --accent-soft: #3a1f17;
    --accent-ink: #ffb39f; --hdr-bg: #0b2026; --shadow: none;
  }
}

.theme-sea h1 { font-weight: 800; letter-spacing: -.02em; }

/* шапка: белая, тёмный текст, текущий раздел — бирюзовая «таблетка» */
.theme-sea .hdr { color: var(--text); box-shadow: 0 1px 0 var(--line); }
.theme-sea .logo { color: var(--text); }
.theme-sea .logo__mark { background: var(--accent); color: #fff; border-radius: 999px; padding: 4px 10px; }
.theme-sea .logo__text small { opacity: 1; color: var(--muted); }
.theme-sea .nav a, .theme-sea .nav summary { color: var(--text); border-radius: 999px; padding: 7px 13px; }
.theme-sea .nav a:hover, .theme-sea .nav summary:hover { background: var(--line-2); }
.theme-sea .nav a[aria-current], .theme-sea .nav summary[aria-current] { background: var(--brand-soft); color: var(--brand); }
.theme-sea .nav__drop { border-radius: 16px; border: 1px solid var(--line); }
.theme-sea .nav__drop a { border-radius: 10px; }
.theme-sea .burger:hover { background: var(--line-2); }
.theme-sea .burger span, .theme-sea .burger span::before, .theme-sea .burger span::after { background: var(--text); }
.theme-sea .burger[aria-expanded="true"] span { background: transparent; }
.theme-sea .mnav { background: var(--card); border-top: 1px solid var(--line); }
.theme-sea .mnav a { color: var(--text); }
.theme-sea .mnav a:hover, .theme-sea .mnav a[aria-current] { background: var(--brand-soft); color: var(--brand); }
.theme-sea .mnav__h { color: var(--muted); opacity: 1; }

/* карточки: мягкие, иконки в коралловых кругах */
.theme-sea .card__h > .ic, .theme-sea .kf__in .ic, .theme-sea .ways .ic { border-radius: 999px; background: var(--accent-soft); color: var(--accent); }
.theme-sea .kf__in, .theme-sea .tile, .theme-sea .ways a, .theme-sea .city, .theme-sea .faq details { border-radius: 16px; }
.theme-sea .btn, .theme-sea .chip, .theme-sea .toc a, .theme-sea .phone--btn, .theme-sea .search input, .theme-sea .switch { border-radius: 999px; }
.theme-sea .btn { background: var(--accent); border-color: var(--accent); color: #fff; }
.theme-sea .btn--ghost { background: none; color: var(--accent-ink); }
.theme-sea .zone { background: var(--sea); border-radius: 999px; }
.theme-sea .tag { background: var(--brand-soft); color: var(--brand); }
.theme-sea .term { border-radius: 999px; border-color: var(--accent); color: var(--accent-ink); }
.theme-sea .cta { background: var(--sea); border-radius: var(--radius); }
.theme-sea .cta .btn { background: #fff; border-color: #fff; color: var(--brand); }
.theme-sea .plist__price { border-radius: 999px; }

/* табло: бирюзовая полоса с переключателями, время бирюзой */
.theme-sea .board { padding: 0 0 12px; overflow: visible; }
.theme-sea .board__bar { background: var(--sea); margin: 0 0 12px; padding: 14px 16px; border-radius: var(--radius) var(--radius) 0 0; }
.theme-sea .board__tools, .theme-sea .board .board__pane, .theme-sea .board__foot { padding-left: 16px; padding-right: 16px; }
.theme-sea .board__foot { margin-left: 0; margin-right: 0; }
.theme-sea .board__mini { background: var(--sea); margin: 0 0 calc(-1 * var(--mini-h, 0px)); padding: 6px 16px; }
.theme-sea .board .seg { background: rgba(255, 255, 255, .18); }
.theme-sea .board .seg button { color: rgba(255, 255, 255, .9); }
.theme-sea .board .seg button:hover { color: #fff; }
.theme-sea .board .seg button.is-on { background: #fff; color: var(--brand); box-shadow: none; }
.theme-sea .board .seg--ev button.is-on { background: #fff; color: var(--brand); }
.theme-sea .board .seg small { color: inherit; opacity: .8; }
.theme-sea .board .seg__n { background: rgba(255, 255, 255, .25); }
.theme-sea .board .seg button.is-on .seg__n { background: var(--brand-soft); }   /* button: у липкой копии панели тоже есть is-on */
.theme-sea .board .switch { background: rgba(255, 255, 255, .18); border-color: transparent; color: #fff; }
.theme-sea .board .switch:hover { background: rgba(255, 255, 255, .28); }
.theme-sea .t-time b { color: var(--brand); }
.theme-sea .fno { background: var(--brand-soft); color: var(--brand); border-radius: 999px; padding: 1px 9px; }
.theme-sea .tablo tr.is-next td { background: var(--accent-soft); }
.theme-sea .tablo tr.is-next td:first-child { box-shadow: inset 4px 0 0 var(--accent); }
@media (max-width: 680px) {
  .theme-sea .board { padding: 0 0 10px; }
  .theme-sea .board__bar { padding: 10px; }
  .theme-sea .board__mini { padding: 5px 10px; }
  .theme-sea .board__tools, .theme-sea .board .board__pane, .theme-sea .board__foot { padding-left: 10px; padding-right: 10px; }
}

/* подвал — глубокое море */
.theme-sea .foot { background: #0b3b47; color: #b8d4da; border-top: 0; }
.theme-sea .foot a, .theme-sea .foot .linklike { color: #e3f4f7; }
.theme-sea .foot__col a { color: #b8d4da; }
.theme-sea .foot__col a:hover { color: #fff; }
.theme-sea .foot__h, .theme-sea .foot__brand, .theme-sea .foot__about b { color: #fff; }
.theme-sea .foot__src { border-top-color: #1d5361; }