/* Тёмная тема в цветах бренда (как /zpp/) для визитки, условий и 404. Подключается после base.css.
   Токены base.css переопределены: «carbon» — цвет текста, «paper» — цвет фона, «lime» — акцент #ff4a1c. */
:root {
  color-scheme: dark;
  --plate: #0d0e0c;
  --carbon: #f2f2ee;
  --ink: rgb(242 242 238 / 0.82);
  --chalk: #1d1e1b;
  --paper: #0d0e0c;
  --concrete: #262723;
  --felt: rgb(242 242 238 / 0.62);
  --line: rgb(242 242 238 / 0.1);
  --lime: #ff4a1c;
  --on-a: #0d0e0c;
  --bg2: #151613;
}
.mono { font-family: var(--mono); letter-spacing: 0; }

/* кнопки и навигация: акцент оранжевый, текст на нём тёмный */
.pill { border-color: var(--line); border-radius: 10px; }
.pill:hover { background: var(--concrete); }
.pill-lime, .pill-lime:hover { background: var(--lime); border-color: var(--lime); color: var(--on-a); font-weight: 600; }
.pill-lime:hover { background: #ff6239; }
.pill-ghost { border-color: var(--line); }
.pill-ghost:hover { background: var(--chalk); color: var(--carbon); border-color: rgb(242 242 238 / 0.2); }
.dock { border-color: var(--line); background: rgb(21 22 19 / 0.88); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.dock nav a:hover, .dock nav a[aria-current='page'] { background: var(--chalk); }
.dock nav .soon { background: transparent; opacity: 0.5; }
.glink:hover { background: var(--chalk); color: var(--carbon); }
::selection { background: var(--lime); color: var(--on-a); }
:focus-visible { outline-color: var(--lime); }

.legal a:not(.pill) { text-decoration-color: rgb(242 242 238 / 0.3); }
.legal a:not(.pill):hover { background: var(--chalk); }
.legal .h1, .nf .display { font-weight: 700; letter-spacing: -0.055em; }
@media (max-width: 420px) {
  .dock .brand-t { display: none; }
  .dock .brand { padding: 0 8px; }
}