/* ============================================================
   PKTOK blog — the 2026 „Borostyán” look (graphite + amber, Barlow Condensed + IBM Plex Sans),
   matching the new pktok.com that goes live on 1 November 2026. Loaded AFTER blog.css, and only
   from the cut-over moment on (render.ts BLOG_2026_FROM) — before that the blog keeps the old look,
   so it switches together with the marketing site without a deploy on the day.
   ============================================================ */
:root {
  --c-cyan: #ffb629;
  --c-pink: #ffb629;
  --c-magenta: #f59e0b;
  --c-purple: #d98b0b;
  --grad: linear-gradient(120deg, #ffcf5c 0%, #ffb629 48%, #f08c00 100%);
  --bg: #14171c;
  --bg-2: #0d1014;
  --surface: #1d2229;
  --surface-2: #252c35;
  --line: #2b333d;
  --line-strong: #343d49;
  --text: #f2f3f0;
  --muted: #b4bdc9;
  --radius: 12px;
  --radius-lg: 16px;
  --font: 'Barlow Condensed', 'Segoe UI', system-ui, Arial, sans-serif;
  --font-body: 'IBM Plex Sans', 'Segoe UI', system-ui, Arial, sans-serif;
}
body.blog-page h1, body.blog-page h2, body.blog-page h3 { font-weight: 700; letter-spacing: -0.01em; }
body.blog-page .blog-brand { color: var(--text); background: none; -webkit-text-fill-color: currentColor; }
body.blog-page .blog-brand::before { content: ''; display: inline-block; width: 22px; height: 22px; margin-right: 8px; vertical-align: -4px;
  background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23ffb629' d='M7 5h24c8 0 13 5 13 13s-5 13-13 13H17v12H7V21h24c2 0 3-1 3-3s-1-3-3-3H7z'/%3E%3C/svg%3E"); }
body.blog-page .blog-nav-cta { background: #ffb629; color: #17120a; border-radius: 8px; box-shadow: none; }
body.blog-page .blog-nav-cta:hover { background: #f2f3f0; color: #17120a; }