/* Repost Talkov Stage 1 */
:root {
  --talkov-bg: #05070b;
  --talkov-surface: #0d1420;
  --talkov-surface-2: #111a27;
  --talkov-line: #223241;
  --talkov-text: #eef2f6;
  --talkov-muted: #aeb8c2;
  --talkov-accent: #c8a15a;
  --talkov-link: #7fb7e6;
}

html[data-theme="dark"] body,
body {
  background:
    radial-gradient(circle at top center, rgba(17,34,55,.55), transparent 45%),
    linear-gradient(180deg, #040608 0%, #07101a 100%);
  color: var(--talkov-text);
}

.talkov-header,
header.sticky-top {
  background: linear-gradient(180deg, rgba(8,26,40,.96), rgba(10,21,33,.96));
  border-bottom: 1px solid var(--talkov-line);
  backdrop-filter: blur(10px);
}

.talkov-logo__text,
.logo__name {
  color: var(--talkov-text) !important;
  font-weight: 700;
  letter-spacing: .2px;
}

.talkov-nav a,
.tab a {
  color: var(--talkov-muted);
}

.talkov-nav a.active,
.tab a.active,
.talkov-nav a:hover,
.tab a:hover {
  color: var(--talkov-accent);
}

.card,
.widget__header,
.cat__inner,
.footer__main,
.footer__fullpage {
  background: rgba(13,20,32,.88);
  border: 1px solid var(--talkov-line);
  box-shadow: 0 14px 40px rgba(0,0,0,.20);
}

.sidebar__title h6,
.sidebar__title a,
.cat__title,
.h2__title,
h1, h2, h3 {
  color: var(--talkov-text);
}

a,
.link,
.author__week-more {
  color: var(--talkov-link);
}

a:hover,
.link:hover,
.author__week-more:hover {
  color: var(--talkov-accent);
}

.talkov-quicklinks .link {
  display: block;
  padding: .35rem 0;
  border-bottom: 1px solid rgba(34,50,65,.55);
}

.talkov-quicklinks .link:last-child {
  border-bottom: 0;
}

.talkov-footer .copyright {
  color: var(--talkov-muted);
}

.btn-primary,
.talkov-login-btn {
  background: linear-gradient(180deg, #c8a15a, #b58a42);
  border-color: #b58a42;
  color: #11161d;
}

.btn-primary:hover,
.talkov-login-btn:hover {
  background: linear-gradient(180deg, #e4c98b, #c8a15a);
  color: #11161d;
}

.btn-light {
  background: rgba(127,183,230,.12);
  color: var(--talkov-text);
  border-color: var(--talkov-line);
}

.btn-light:hover {
  background: rgba(200,161,90,.16);
  color: var(--talkov-accent);
}

.aside__comments .pulse {
  background: var(--talkov-accent);
}

.logo img {
  border-radius: 50%;
}

@media (max-width: 991px) {
  .talkov-logo__text {
    font-size: 0;
  }
  .talkov-logo__text::after {
    content: "Тальков";
    font-size: 1rem;
  }
}