:root {
  --background: #ffffff;      /* Основной фон справа */
  --background-alt: #f0f4f9;  /* Цвет боковой панели (светло-голубовато-серый) */
  --foreground: #1f1f1f;      /* Текст (почти черный) */
  --accent: #054a91;          /* Глубокий океанический синий */
  /* End of accent→fade gradients: still visible (not pure white). Tweak % accent to taste. */
  --gradient-fade-end: color-mix(in srgb, var(--accent) 22%, var(--background) 78%);
}

/* Header strip: same color as .logo (site name bar), then fade out — no extra opacity so the edge matches the logo */
.header__logo::after {
  background: linear-gradient(90deg, var(--accent) 0%, var(--gradient-fade-end) 100%);
}

/* Same accent → fade as header: between date / author / reading time (replaces "::") */
.post-meta > *:not(:first-child)::before {
  content: "";
  display: inline-block;
  width: 1.25rem;
  height: 0.28em;
  max-height: 5px;
  margin: 0 0.5rem;
  vertical-align: middle;
  background: linear-gradient(90deg, var(--accent) 0%, var(--gradient-fade-end) 100%);
}

/* Post title: single gradient rule instead of double dotted underline */
.post-title {
  border-bottom: none;
}

.post-title::after {
  bottom: 0;
  height: 4px;
  border-bottom: none;
  background: linear-gradient(90deg, var(--accent) 0%, var(--gradient-fade-end) 100%);
}