body[data-theme="midnight"]{
  --bg:#07111f;
  --fg:#edf4ff;
  --muted:#9fb0c8;
  --card:#0c1830;
  --card2:#0f1d39;
  --accent:#8ab4ff;
  --backlink:#ff8a8a;
  --btn:#12203b;
  --btnHover:#182848;
  --border:rgba(255,255,255,0.10);
  --shadow:0 14px 34px rgba(0,0,0,0.42);
  --glass:rgba(10,18,34,0.82);
  --cardHover:#142542;
  --inputBg:#0f1b33;
  --continueBg:#0e1930;
  --continueBorder:rgba(138,180,255,0.22);
}

body[data-theme="softdark"]{
  --bg:#121316;
  --fg:#f0f0f0;
  --muted:#b2b2b2;
  --card:#1a1c20;
  --card2:#20242b;
  --accent:#9ec5ff;
  --backlink:#ff9a9a;
  --btn:#23262d;
  --btnHover:#2b3038;
  --border:rgba(255,255,255,0.08);
  --shadow:0 12px 28px rgba(0,0,0,0.38);
  --glass:rgba(26,28,32,0.86);
  --cardHover:#2a2e36;
  --inputBg:#20242b;
  --continueBg:#1d2128;
  --continueBorder:rgba(255,255,255,0.12);
}

body.home[data-theme="midnight"]{
  background:
    radial-gradient(900px 400px at 50% -10%, rgba(74,120,255,0.16), transparent 60%),
    linear-gradient(180deg, #050b16 0%, #081120 45%, #0a1426 100%);
}

body.home[data-theme="softdark"]{
  background:
    radial-gradient(820px 360px at 50% -10%, rgba(255,255,255,0.05), transparent 60%),
    linear-gradient(180deg, #111216 0%, #15171c 42%, #181b21 100%);
}

body.home[data-theme="midnight"] .card,
body.home[data-theme="softdark"] .card{
  border-radius:24px;
  box-shadow:0 18px 42px rgba(0,0,0,0.44);
}

body.home[data-theme="midnight"] .chapterLink,
body.home[data-theme="softdark"] .chapterLink{
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

body.home[data-theme="midnight"] .chapterLink:hover,
body.home[data-theme="softdark"] .chapterLink:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(0,0,0,0.24);
}

body[data-theme="midnight"] .readerHeader,
body[data-theme="midnight"] .controls{
  background:rgba(10,18,34,0.84);
}

body[data-theme="softdark"] .readerHeader,
body[data-theme="softdark"] .controls{
  background:rgba(26,28,32,0.88);
}