/* ===== Тёмная тема: вставьте в конец <style> в <head> ===== */
html { color-scheme: dark; }

/* Фон и текст секций */
#services { background: #0f1a15; color: #eef3ea; }
#stack    { background: #0b1410; color: #eef3ea; }
#process  { background: #0d1712; color: #eef3ea; border-top: 1px solid rgb(255 255 255 / 6%); }

/* Абзацы и подписи */
#services p, #stack p, #process p { color: rgb(238 243 234 / 62%); }
#services p.uppercase, #stack p.uppercase, #process p.uppercase { color: #d4fa6a; }

/* Услуги: карточки */
#services article {
  background: rgb(255 255 255 / 4%);
  border-color: rgb(255 255 255 / 10%);
  transition: border-color .2s, transform .2s;
}
#services article:hover { border-color: rgb(212 250 106 / 40%); transform: translateY(-3px); }
#services article span { color: #9bb07a; }
#services article span:last-child { color: #d4fa6a; }

/* Технологии: панель и чипы */
#stack > div > div:first-child { background: #14231b; border: 1px solid rgb(255 255 255 / 8%); }
#stack span {
  background: rgb(255 255 255 / 5%);
  border-color: rgb(255 255 255 / 14%);
  color: #eef3ea;
}
#stack span b { color: #d4fa6a; }

/* Процесс */
#process article { border-color: rgb(255 255 255 / 14%); }
#process article span { color: #d4fa6a; }