/* Скин «cleaning» (The Clean Machine): свежий, светлый, мятный акцент; Outfit + Figtree. Светлая/тёмная — по системе. */
@font-face{font-family:'Outfit';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/Outfit-100_900-normal.woff2) format('woff2');}
@font-face{font-family:'Figtree';font-style:normal;font-weight:300 900;font-display:swap;src:url(fonts/Figtree-300_900-normal.woff2) format('woff2');}
:root, :root[data-theme="light"] {
  --paper: #F4F9F8; --surface: #FFFFFF; --ink: #10231F; --ink-2: #2E4440; --muted: #5E7470;
  --line: #DCE9E6; --link: #12715C; --accent-ink: #FFFFFF; --tint: #E3F4EF; --code: #EAF3F1;
  --display: "Outfit", system-ui, sans-serif;
  --text: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "Figtree", system-ui, sans-serif;
  --r: 14px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #0E1716; --surface: #15211F; --ink: #E6F2EF; --ink-2: #C3D6D2; --muted: #8FA8A3;
    --line: #22332F; --link: #6FD3B8; --accent-ink: #0E1716; --tint: #142A25; --code: #182725;
  }
}
:root[data-theme="dark"] {
  --paper: #0E1716; --surface: #15211F; --ink: #E6F2EF; --ink-2: #C3D6D2; --muted: #8FA8A3;
  --line: #22332F; --link: #6FD3B8; --accent-ink: #0E1716; --tint: #142A25; --code: #182725;
}
h1, h2, h3 { font-stretch: 100%; font-weight: 650; letter-spacing: -.015em; line-height: 1.15; }
.eyebrow, .section-label, .topline, .card-meta, .byline, .crumbs, .tags a, .latest time,
.nav-toggle, .pager .nav-links, .prose .lede::before, .prose th, .footer-base { font-family: var(--text); letter-spacing: .01em; }
.eyebrow, .section-label, .prose .lede::before { font-weight: 800; }
.topline, .card-meta, .byline, .crumbs, .latest time, .footer-base { text-transform: none; font-size: 13.5px; letter-spacing: 0; }
.topline { background: var(--accent); color: var(--accent-ink); }
.logo-a, .logo-b { font-family: var(--display); }
.card-img img, .lead-img img, .article-img img { border-radius: var(--r); }
.card { background: var(--surface); border-radius: var(--r); padding: 16px; box-shadow: 0 1px 2px rgba(16,35,31,.06), 0 6px 18px rgba(16,35,31,.05); }
