/* Shared by the resource island and server activity pages. */
:root {
  color-scheme: light;
  --sky: #d5f0f4;
  --ink: #183983;
  --blue: #3157da;
  --mint: #94d4ad;
  --pink: #f0aac7;
  --gold: #ffc266;
  --paper: #fbfcf7;
  --line: #b5ced8;
  --muted: #536982;
  --display: "Arial Rounded MT Bold", "Trebuchet MS", "Microsoft YaHei", sans-serif;
  --body: "Microsoft YaHei", "PingFang SC", sans-serif;
  --mono: Consolas, "Courier New", monospace;
}

body { transition: background-color .65s, color .65s; }
body.night-mode {
  color-scheme: dark;
  --sky: #152239;
  --ink: #e3eafb;
  --blue: #8ea9ff;
  --paper: #23334b;
  --line: #42516a;
  --muted: #b0bfd4;
}

.island-footer {
  border-top: 1px solid #18398329;
  padding: 27px 0 28px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  font-size: 10px;
  color: var(--muted);
}
.island-footer .footer-brand { display: flex; flex-direction: row; gap: 12px; align-items: center; }
.island-footer .footer-brand strong { font-size: 12px; color: var(--ink); }
.island-footer .footer-right { display: flex; flex-direction: row; gap: 20px; align-items: center; }
.island-footer a:hover { text-decoration: underline; }
.night-mode .island-footer { border-color: #a6bcdc30; }
@media (max-width: 650px) {
  .island-footer { padding: 24px 0; align-items: flex-start; gap: 18px; flex-direction: column; }
  .island-footer .footer-brand { gap: 8px; font-size: 9px; }
  .island-footer .footer-right { gap: 17px; font-size: 9px; flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  body { transition: none; }
}