.collection-page {
  --canvas: #eceef7;
  --paper: #ffffff;
  --ink: #292638;
  --body: #625e73;
  --muted: #746e87;
  --line: rgba(138, 124, 178, .14);
  --line-strong: rgba(138, 124, 178, .23);
  --accent: #6255a1;
  --accent-soft: #9d8bd4;
  --tint: rgba(255, 255, 255, .64);
  --tint-hover: rgba(255, 255, 255, .9);
  background: radial-gradient(ellipse 850px 620px at 90% 0, rgba(193, 168, 239, .28), transparent 74%), radial-gradient(ellipse 820px 650px at 4% 22%, rgba(151, 211, 239, .22), transparent 74%), linear-gradient(160deg, #f3f2fa, #edf0f9 48%, #f1edf8);
}
.collection-page ::selection { color: #352e52; background: #dfd6f4; }
.collection-page .site-header { position: static; background: transparent; border-bottom: 0; backdrop-filter: none; }
.collection-page .title-dot { color: #9e85cf; }
.collection-page .eyebrow { color: #7866a9; }
.collection-page .hero-principle p { color: #504663; }
.collection-page .document-card { background: var(--tint); border-color: rgba(255, 255, 255, .9); border-radius: 20px; box-shadow: 0 10px 32px rgba(77, 63, 117, .035), inset 0 1px rgba(255, 255, 255, .9); transition: background-color .2s, border-color .2s, box-shadow .2s; }
.collection-page .document-card + .document-card { margin-top: 16px; }
.collection-page .document-card:hover { background: var(--tint-hover); border-color: rgba(165, 145, 214, .4); box-shadow: 0 14px 34px rgba(77, 63, 117, .075); }
.collection-page .document-number { color: #9e8fbb; }
.collection-page .status-badge { color: #6255a1; background: rgba(233, 227, 251, .65); border-color: rgba(161, 141, 208, .25); border-radius: 6px; }
.collection-page .document-card--architecture { background: linear-gradient(120deg, rgba(245, 240, 255, .88), rgba(255, 255, 255, .8) 65%, rgba(231, 243, 254, .74)); }
.collection-page .document-card--architecture:hover { background: linear-gradient(120deg, #f3eefd, #fff 65%, #eef7ff); }
@media (max-width: 540px) {
  .collection-page .document-card { border-radius: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .collection-page .document-card { transition: none; }
}