/* AXIS — общие стили сайта. Подключается на всех страницах: <link rel="stylesheet" href="style.css">.
   Здесь живёт фундамент темы (переменные + переключатель) — правим в одном месте, применяется везде. */

:root{
  --bg:#0a0a0a;
  --bg-raise:#111110;
  --bg-card:#141413;
  --text:#f5f5f3;
  --text-soft:#f0f0ee;
  --muted:#a3a29d;
  --muted-2:#85847e;
  --line:#242422;
  --accent:#1D9E75;
  --accent-soft:rgba(29,158,117,.12);
  --accent-line:rgba(29,158,117,.35);
  --nav-bg:rgba(10,10,10,.82);
  --pop-bg:rgba(17,17,16,.92);
  --btn-text:#fff;
  --cta-text:#0a0a0a;
  --radius:14px;
  --font:'Outfit',system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
}
html[data-theme="light"]{
  --bg:#ffffff;--bg-raise:#f6f8fb;--bg-card:#ffffff;
  --text:#0f1720;--text-soft:#1b2530;--muted:#57626e;--muted-2:#79838f;--line:#e6eaf0;
  --accent:#38BDF8;--accent-soft:rgba(56,189,248,.14);--accent-line:rgba(56,189,248,.42);
  --nav-bg:rgba(255,255,255,.82);--pop-bg:rgba(255,255,255,.95);--btn-text:#062130;--cta-text:#fff;
}

/* переключатель темы (шапка) */
html[data-theme="light"] nav .btn.small:hover{background:#1b2530;color:#fff;filter:none}
.theme-btn{background:transparent;border:1px solid var(--line);color:var(--muted);width:38px;height:38px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;flex-shrink:0}
.theme-btn:hover{color:var(--text);border-color:var(--accent-line)}
.theme-btn svg{width:18px;height:18px}
.theme-btn .moon{display:none}.theme-btn .sun{display:block}
html[data-theme="light"] .theme-btn .sun{display:none}
html[data-theme="light"] .theme-btn .moon{display:block}