/* ==========================================================================
   MIU VISUAL EFFECTS LAYER: Heritage Paper, Texture, & Motion Design Tokens
   File: public/assets/css/miu-effects.css
   ========================================================================== */

:root {
  --paper: #f3ead8;
  --paper-dark: #e6d9bd;
  --ink: #2a1d12;
  --gold: #c9961a;
  --maroon: #7a1f2b;
  --night: #17110c;
}

/* Base paper: fine cotton grain */
.paper {
  position: relative;
  isolation: isolate; /* keeps texture behind content */
  background-color: var(--paper);
}

.paper::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.35  0 0 0 0 0.25  0 0 0 0 0.1  0 0 0 0.35 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  mix-blend-mode: multiply;
  opacity: 0.55;
}

/* Soft vignette = aged edges */
.paper::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse at center, transparent 55%, rgba(120, 90, 40, 0.18) 100%);
}

/* Rough handmade paper: larger visible fibres for Schools and Pillars */
.paper--rough::before {
  filter: contrast(1.15);
  background-size: 420px;
  opacity: 0.7;
}

/* Darker archival board for night/campus spotlight sections */
.paper--dark {
  background-color: var(--night);
}

.paper--dark::before {
  mix-blend-mode: screen;
  opacity: 0.12;
}

.paper--dark::after {
  background: radial-gradient(ellipse at center, transparent 50%, rgba(0, 0, 0, 0.5) 100%);
}