/* ============ MK-13 · оформление внутренних страниц ============
   Тёплая палитра, Oswald в заголовках, IBM Plex в тексте — как на главной (css/style.css).
   Поверх общих стилей продукта (css/site.css): здесь только переменные, шрифты и фирменные детали. */
@font-face{font-family:"Oswald";font-weight:200 700;font-display:swap;src:url(../fonts/oswald-cyrillic-wght-normal.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Oswald";font-weight:200 700;font-display:swap;src:url(../fonts/oswald-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-mono-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"IBM Plex Mono";font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-mono-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"IBM Plex Mono";font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --bg:#0a0908; --bg-2:#11100e; --bg-3:#191613;
  --surface:rgba(255,244,230,.04); --surface-2:rgba(255,244,230,.07);
  --line:rgba(255,236,214,.1); --line-2:rgba(255,236,214,.18);
  --text:#f7f2ec; --muted:#b3a99c; --dim:#90857a;
  --a1:#ff5a1f; --a2:#ffb02e; --a3:#ff2d55; --ok:#34d399;
  --r:22px; --r-sm:14px;
  --f-d:"Oswald","Arial Narrow",Impact,sans-serif;
  --f-b:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-m:"IBM Plex Mono",ui-monospace,Consolas,monospace;
  --hdr:72px;
}
/* подсветка, выбранная посетителем на главной, действует на всех страницах (js/theme.js) */
body[data-theme=red]{--a1:#ff2a3d;--a2:#ff6a4d;--a3:#ff8fa3}
body[data-theme=violet]{--a1:#8b5cf6;--a2:#22d3ee;--a3:#f472b6}
body[data-theme=blue]{--a1:#3d7bff;--a2:#29d3ff;--a3:#8fb4ff}
body[data-theme=acid]{--a1:#b8ff2c;--a2:#2ee6a0;--a3:#f2ff6b}
body[data-theme=rainbow]{--a1:#ff4d4d;--a2:#ffd23d;--a3:#3dffb0}
h1,.sec h2,.card h3,.prose h2{text-transform:uppercase;letter-spacing:.01em}
h1{font-weight:600}
.logo{font-size:1.45rem;letter-spacing:.02em}
.logo-mark{width:34px;height:34px;border-radius:0;background:url(../img/logo-mark.svg) center/contain no-repeat}
.card{background:linear-gradient(170deg,rgba(36,29,22,.55),rgba(15,13,11,.9))}
.lead-box{background:linear-gradient(170deg,rgba(36,29,22,.9),rgba(17,15,12,.95))}