/* ==========================================================================
   Портфолио · Илья Маркин — оформление для Obsidian Publish
   Кладётся в корень vault, подхватывается автоматически при публикации.
   ========================================================================== */

:root {
  --y2024: #FF6B6B;
  --y2025: #2DD4BF;
  --y2026: #A78BFA;
  --accent: #A78BFA;
}

/* Типографика чтения */
.markdown-preview-view,
.markdown-rendered {
  font-size: 1.02em;
  line-height: 1.62;
}

.markdown-preview-view h1,
.markdown-rendered h1 {
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.1;
}

.markdown-rendered hr {
  border: none;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.12), transparent);
  margin: 2.2em 0;
}

.markdown-rendered a.internal-link {
  text-decoration: none;
  border-bottom: 1px solid color-mix(in srgb, var(--accent) 45%, transparent);
  transition: border-color .15s ease;
}
.markdown-rendered a.internal-link:hover { border-bottom-color: var(--accent); }

.markdown-rendered code {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 6px;
  padding: .08em .4em;
  font-size: .92em;
}

/* Граф на сайте: Publish не умеет цветовые группы — задаём общую палитру */
body {
  --graph-node: #A78BFA;
  --graph-node-focused: #F59E0B;
  --graph-node-tag: #2DD4BF;
  --graph-node-unresolved: #64748B;
  --graph-line: rgba(167, 139, 250, 0.22);
  --graph-text: #C9C9D1;
}

/* Контакты в блоке «Связаться» — иконки почты и Telegram (Вариант 2) */
.markdown-rendered a[href^="mailto:"],
.markdown-rendered a[href^="https://t.me/"] {
  text-decoration: none;
  border-bottom: none;
  white-space: nowrap;
  font-weight: 600;
}
.markdown-rendered a[href^="mailto:"]::before,
.markdown-rendered a[href^="https://t.me/"]::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: .35em;
  vertical-align: -.15em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.markdown-rendered a[href^="mailto:"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A78BFA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E");
}
.markdown-rendered a[href^="https://t.me/"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23229ED9'%3E%3Cpath d='M21.9 4.27 2.6 11.78c-1.03.4-1.02 1.86.02 2.24l4.9 1.66 1.86 5.9c.26.8 1.28 1.03 1.86.4l2.66-2.85 4.75 3.48c.66.48 1.6.12 1.78-.68l3.4-14.9c.22-.98-.74-1.82-1.7-1.44z'/%3E%3C/svg%3E");
}