/* ═══════════════════════════════════════════════
   LINALUX — BASE
   Reset, html/body temeli, sayfa kabuğu (.shell),
   nebula video arka plan sistemi.
   ═══════════════════════════════════════════════ */

/* ─── RESET ─── */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ─── TEMEL ─── */
/* Sıra önemli: html,body önce transparent olur, SONRA html üzerine koyu
   zemin rengi (--bg) yazılır — aksi halde (sıra ters olursa) html transparent'ta
   kalır ve tarayıcı varsayılan (genelde beyaz) zemin sızar. Kahve falının
   kendi inline kopyası bu sırayı doğru kullanıyordu, burada ters yazılmıştı. */
html, body {
  background: transparent;
  color: var(--text);
  font-family: var(--serif);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

html {
  background: var(--bg);
}

/* ─── SAYFA KABUĞU ─── */
.shell {
  position: relative;
  z-index: 1;
  max-width: 480px;
  margin: 0 auto;
  min-height: 100vh;
  background: transparent;
}

/* color-mix(… X%, transparent) = o rengin X alfalı hâli, BİREBİR.
   Neden literal yerine bu: token'a bağlı kaldığı için palet çevrilince
   (tasarim-tasima.md Faz B2) kendiliğinden takip eder. Literal kalsaydı
   kâğıt zeminde koyu mor bir leke olarak öylece dururdu. */