/* textures.css — body texture, emboss recipes, watermark utility */

/* BODY BACKGROUND */
body {
  background-color: #F1ECE0;
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='f1'><feTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.26  0 0 0 0 0.20  0 0 0 0 0.13  0 0 0 0.11 0'/></filter><rect width='100%25' height='100%25' filter='url(%23f1)'/></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='380' height='380'><filter id='f2'><feTurbulence type='fractalNoise' baseFrequency='0.35' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.30  0 0 0 0 0.22  0 0 0 0 0.12  0 0 0 0.06 0'/></filter><rect width='100%25' height='100%25' filter='url(%23f2)'/></svg>"),
    radial-gradient(ellipse 120% 100% at center, transparent 55%, rgba(60, 40, 20, 0.06) 100%);
  background-repeat: repeat, repeat, no-repeat;
}

/* EMBOSS UTILITIES */
.emboss-letterpress {
  box-shadow:
    inset 0 1px 0 rgba(255,251,240,0.7),
    0 1px 0 rgba(255,251,240,0.5),
    0 4px 12px rgba(40,30,18,0.06),
    0 16px 40px rgba(40,30,18,0.06);
}
.emboss-deboss {
  box-shadow:
    inset 0 2px 4px rgba(40,30,18,0.10),
    inset 0 -1px 0 rgba(255,251,240,0.7),
    0 1px 0 rgba(255,251,240,0.7);
}
.emboss-subtle {
  box-shadow:
    inset 0 1px 0 rgba(255,251,240,0.7),
    0 2px 6px rgba(40,30,18,0.06),
    0 12px 28px rgba(40,30,18,0.06);
}

/* WATERMARK */
.watermark {
  position: absolute; right: -60px; top: 50%;
  transform: translateY(-50%);
  font-family: var(--font-jp); font-weight: 400;
  font-size: 720px; line-height: 1;
  color: var(--ink); opacity: 0.04;
  pointer-events: none; user-select: none;
}
.watermark-stage {
  position: relative;
  overflow: hidden;
  /* The stage defines the protected territory for a .watermark.
     Body text inside a .watermark-stage must use position:relative and z-index:1
     to sit above the watermark. The watermark utility positions itself within
     this stage. Never use .watermark outside a .watermark-stage. */
}