/* One quiet paper palette for the public archive.  Status and game colours stay semantic. */
:root {
  --paper: #f1f4f5;
  --surface: #fbfcfc;
  --panel: #e5edef;
  --ink: #1c3440;
  --muted: #5d7078;
  --accent: #53798a;
  --line: #c8d8dc;
  --archive-blue: #416b7d;
  --archive-wash: #edf4f5;
}

body {
  background:
    radial-gradient(ellipse at 85% 0, var(--panel) 0, transparent 32%),
    radial-gradient(ellipse at 8% 18%, var(--surface) 0, transparent 34%), var(--paper);
}

/* Categories remain distinct in meaning, rather than competing in colour. */
[data-category],
[data-category='漫谈'],
[data-category='构建'],
[data-category='阅读'],
[data-category='思考'],
[data-category='生活'] {
  --catalog-tone: var(--accent);
  --catalog-paper: var(--panel);
  --catalog-line: var(--line);
}

.intro .archive-card {
  background: linear-gradient(
    145deg,
    color-mix(in srgb, var(--surface) 85.1%, transparent),
    color-mix(in srgb, var(--panel) 85.1%, transparent)
  );
  border-color: var(--panel);
}

.intro .archive-card:after {
  border-color: var(--panel);
}
.intro .archive-card-top,
.intro .archive-card-foot,
.intro .archive-card-label {
  color: var(--muted);
}
.intro .archive-stamp {
  color: var(--muted);
  border-color: var(--accent);
}
.handwritten-mark svg {
  stroke: var(--accent);
}

.landscape-wash {
  background:
    linear-gradient(
      90deg,
      color-mix(in srgb, var(--surface) 74.12%, transparent),
      color-mix(in srgb, var(--surface) 43.92%, transparent) 47%,
      color-mix(in srgb, var(--surface) 9.41%, transparent) 78%
    ),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--surface) 31.37%, transparent),
      transparent 42%,
      color-mix(in srgb, var(--surface) 40.78%, transparent)
    );
}

.landscape-mist {
  background:
    radial-gradient(
      ellipse at 65% 55%,
      color-mix(in srgb, var(--surface) 69.02%, transparent) 0,
      transparent 40%
    ),
    radial-gradient(
      ellipse at 20% 75%,
      color-mix(in srgb, var(--surface) 43.92%, transparent) 0,
      transparent 35%
    );
}

.enter-link:after,
.living-post .read-link:after {
  background: var(--line);
}

.archive-paper {
  background: linear-gradient(120deg, var(--surface) 68%, var(--surface));
}
.archive-drawer {
  background: var(--surface);
}
.archive-card {
  box-shadow: 0 12px 28px color-mix(in srgb, var(--line) 20%, transparent);
}
.novel-card:hover {
  background: var(--surface);
}
.footer-social-link:hover {
  background: var(--panel);
  color: var(--muted);
}

@media (max-width: 800px) {
  .landscape-wash {
    background: linear-gradient(
      180deg,
      color-mix(in srgb, var(--surface) 69.02%, transparent),
      color-mix(in srgb, var(--surface) 31.37%, transparent) 40%,
      color-mix(in srgb, var(--surface) 50.2%, transparent)
    );
  }
}