/* File: samyam/css/folklore.css – Cultural Texture System */

/* ===== PARCHMENT TEXTURE ===== */
.parchment-texture {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -4;
  pointer-events: none;
  background-color: var(--color-canvas);
  background-image: 
    radial-gradient(rgba(44, 40, 31, 0.018) 1px, transparent 0),
    radial-gradient(rgba(44, 40, 31, 0.012) 2px, transparent 0);
  background-size: 24px 24px, 48px 48px;
  background-position: 0 0, 12px 12px;
  opacity: 0.85;
}

/* ===== GRAIN TEXTURE OVERLAY ===== */
.grain-texture {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  pointer-events: none;
  opacity: 0.025;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 256px 256px;
}

/* ===== PALM RIBS BACKGROUND ===== */
.palm-ribs {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -2;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1000 1000' preserveAspectRatio='xMidYMid slice'%3E%3Cpath d='M-100,1100 Q150,600 800,1200 M-100,1050 Q200,550 900,1150 M-100,1000 Q250,500 1000,1100 M-100,950 Q300,450 1100,1050' fill='none' stroke='%231B3B4F' stroke-width='1.2' stroke-opacity='0.04'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}

/* ===== INDIGO VIGNETTE ===== */
.indigo-vignette {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  pointer-events: none;
  box-shadow: inset 0 0 100px rgba(27, 59, 79, 0.09);
}

/* ===== SOUTH INDIAN SCRIPT WATERMARKS ===== */
.tamil-watermark {
  position: fixed;
  bottom: 12%;
  right: 4%;
  font-family: 'Noto Serif Tamil', serif;
  font-size: 9rem;
  color: var(--color-indigo);
  opacity: 0.025;
  pointer-events: none;
  user-select: none;
  z-index: -2;
  transform: rotate(-15deg);
  animation: watermarkFloat 20s ease-in-out infinite alternate;
}

.devanagari-watermark {
  position: fixed;
  top: 12%;
  left: 2%;
  font-family: 'Noto Serif Devanagari', serif;
  font-size: 8rem;
  color: var(--color-indigo);
  opacity: 0.02;
  pointer-events: none;
  user-select: none;
  z-index: -2;
  transform: rotate(10deg);
  animation: watermarkFloat 25s ease-in-out infinite alternate-reverse;
}

@keyframes watermarkFloat {
  0% { transform: rotate(-15deg) translate(0, 0); }
  100% { transform: rotate(-12deg) translate(8px, -8px); }
}

/* ===== KOLAM DOT BREATHING ===== */
.kolam-dots {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -3;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Ccircle cx='30' cy='30' r='1.5' fill='%23C26A2E' fill-opacity='1'/%3E%3Cpath d='M30,5 C30,15 15,30 30,30 C45,30 30,15 30,5 Z' fill='none' stroke='%23C26A2E' stroke-width='0.5' stroke-opacity='0.25'/%3E%3Cpath d='M30,55 C30,45 15,30 30,30 C45,30 30,45 30,55 Z' fill='none' stroke='%23C26A2E' stroke-width='0.5' stroke-opacity='0.25'/%3E%3C/svg%3E");
  background-size: 60px 60px;
  animation: kolamBreathe 30s ease-in-out infinite alternate;
  will-change: opacity;
}

@keyframes kolamBreathe {
  0% { opacity: 0.04; }
  100% { opacity: 0.09; }
}