@layer components {
  .old-paper {
    @apply relative;
    z-index: 0;
  }

  /* subtle vignette/edge aging */
  .old-paper::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(
      ellipse at center,
      rgba(0,0,0,0) 60%,
      rgba(60,40,20,0.12) 100%
    );
    mix-blend-mode: multiply;
    z-index: 1;
  }

  /* Ensure content is above the background effects */
  .old-paper > * {
    position: relative;
    z-index: 2;
  }
}