/* A second ink-paper palette. The existing page composition stays shared. */
html[data-theme="dark"] {
  --paper: #101513;
  --ink: #dce5d8;
  --muted: #a5b49f;
  --accent: #9db7a3;
  --line: #303d35;
  color-scheme: dark;
  background: var(--paper);
}

html[data-theme="dark"] body {
  background-image: radial-gradient(ellipse at 76% 19%, rgb(78 96 82 / .12), transparent 48%);
}
html[data-theme="dark"] ::selection { background: #3b5042; color: #edf2e9; }
html[data-theme="dark"] .paper-grain { opacity: .12; }
html[data-theme="dark"] .mascot-halo {
  background: radial-gradient(circle at 42% 37%, #435247 0%, #29372e 47%, #17221b 70%, transparent 71%);
  opacity: .22;
}
html[data-theme="dark"] .mascot-shadow {
  background: radial-gradient(ellipse, rgb(3 9 5 / .6), transparent 70%);
}
html[data-theme="dark"] .home-orchid-accent {
  width: 73%;
  opacity: .37;
  -webkit-mask-image: linear-gradient(to bottom, transparent, #111 9%, #111 83%, transparent);
  mask-image: linear-gradient(to bottom, transparent, #111 9%, #111 83%, transparent);
}
/* The original images keep their intrinsic size; only the night artwork swaps. */
html[data-theme="dark"] .orchid-art picture,
html[data-theme="dark"] .writing-art,
html[data-theme="dark"] .account-art picture {
  background: url("../assets/orchid/night-hero.webp") center / contain no-repeat;
}
html[data-theme="dark"] .orchid-image,
html[data-theme="dark"] .writing-art img,
html[data-theme="dark"] .account-art img { opacity: 0; }
html[data-theme="dark"] .writing-art {
  opacity: .48;
}
html[data-theme="dark"] .account-art {
  opacity: .48;
}
html[data-theme="dark"] .account-art img { mix-blend-mode: normal; }

@media (max-width: 700px) {
  html[data-theme="dark"] .home-orchid-accent {
    width: 113%;
    top: 16px;
    right: -26px;
    bottom: auto;
    opacity: .38;
  }
}

@media (forced-colors: active) {
  html[data-theme="dark"] body { background: Canvas; }
}