/* Скин «gadget» (LatestGadget, 29.10.2026): техно-журнал — графитовая шапка, индиго-акцент, знак «>_» у логотипа;
   Space Grotesk (заголовки) + Inter (текст) + JetBrains Mono (метки). Светлая/тёмная — по системе. */
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:300 700;font-display:swap;src:url(fonts/SpaceGrotesk-300_700-normal.woff2) format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/Inter-100_900-normal.woff2) format('woff2');}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:100 800;font-display:swap;src:url(fonts/JetBrainsMono-100_800-normal.woff2) format('woff2');}
:root, :root[data-theme="light"] {
  --paper: #F4F5F8; --surface: #FFFFFF; --ink: #0B0D12; --ink-2: #2A2F3A; --muted: #5D6575;
  --line: #E1E4EA; --link: #4338CA; --accent-ink: #FFFFFF; --tint: #EEF0FF; --code: #EEF0F4;
  --display: "Space Grotesk", system-ui, sans-serif;
  --text: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
  --r: 14px;
  --hd: #0B0D12; --hd-2: #07080B; --hd-line: #1F2431; --hd-ink: #ECEEF3; --hd-muted: #8A92A3; --hd-hi: #A5A8FF;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #0B0D12; --surface: #12151C; --ink: #ECEEF3; --ink-2: #C5CAD5; --muted: #8A92A3;
    --line: #232835; --link: #A5A8FF; --accent-ink: #0B0D12; --tint: #1A1D33; --code: #161A23;
    --hd: #07080B; --hd-2: #040506;
  }
}
:root[data-theme="dark"] {
  --paper: #0B0D12; --surface: #12151C; --ink: #ECEEF3; --ink-2: #C5CAD5; --muted: #8A92A3;
  --line: #232835; --link: #A5A8FF; --accent-ink: #0B0D12; --tint: #1A1D33; --code: #161A23;
  --hd: #07080B; --hd-2: #040506;
}
h1, h2, h3 { font-family: var(--display); font-stretch: 100%; font-weight: 700; letter-spacing: -.025em; line-height: 1.1; }
.lead-title { font-weight: 700; letter-spacing: -.03em; }
.eyebrow, .section-label, .topline, .card-meta, .byline, .crumbs, .tags a, .latest time, .nav-toggle { font-family: var(--mono); letter-spacing: .04em; }
.eyebrow { font-weight: 600; }

/* графитовая шапка в обеих темах */
.site-header { background: var(--hd); border-bottom: 1px solid var(--hd-line); }
.topline { background: var(--hd-2); color: var(--hd-muted); border-bottom: 1px solid var(--hd-line); }
.logo { align-items: center; gap: 0; color: var(--hd-ink); font: 700 28px/1 var(--display); letter-spacing: -.035em; }
.logo::before {
  content: ">_"; display: inline-grid; place-items: center; width: 34px; height: 34px; flex: none;
  margin-right: 10px; border-radius: 9px; background: var(--accent); color: #FFFFFF;
  font: 700 15px/1 var(--mono); letter-spacing: -.04em;
}
.logo-a { font-weight: 400; color: var(--hd-hi); }
.logo-b { color: var(--hd-ink); }
.primary-nav a { color: #C9CEDA; font-weight: 500; }
.primary-nav a:hover, .primary-nav .current-menu-item a, .primary-nav .current-cat a { color: var(--hd-hi); }
.nav-toggle { color: var(--hd-ink); border-color: #2A3040; }
.search { background: #151924; border-color: #2A3040; }
.search input { color: var(--hd-ink); }
.search input::placeholder { color: var(--hd-muted); }
.search button { background: var(--accent); color: #FFFFFF; }

/* карточки: плитки с мягкой рамкой */
.card-img img, .lead-img img, .article-img img { border-radius: var(--r); }
.card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); padding: 14px; transition: border-color .15s, transform .15s; }
.card:hover { border-color: color-mix(in srgb, var(--accent) 50%, var(--line)); transform: translateY(-2px); }
.site-footer .logo { color: var(--hd-ink); }
.site-footer .logo-b { color: inherit; }