/* Effects — texture, glow and the one shadow the file uses. */
:root{
  --shadow-soft:0 0 0 rgba(0,0,0,0.1);
  --shadow-drop:0 2px 8px rgba(0,0,0,0.1);
  --inset-hairline:inset 0 0 0 1px var(--border-hairline);
  --inset-subtle:inset 0 0 0 1px var(--border-subtle);

  --texture-noise:url("../assets/textures/noise-texture.png"); /* @kind other */
  --texture-tile:400px;
  --texture-base-tint:rgba(246,247,247,0.02);
  --texture-base-opacity:0.3; /* @kind other */
  --texture-base-blur:14px;

  --glow-blur:120px;
  --glow-tint:rgba(254,224,221,0.55);

  --motion-fast:160ms; /* @kind other */
  --motion-base:240ms; /* @kind other */
  --motion-slow:420ms; /* @kind other */
  --ease-standard:cubic-bezier(0.2,0,0,1); /* @kind other */
}

/* Brand texture stack: noise on overlay + a blurred base tint at 30%.
   Apply to a full-bleed layer above artwork AND typography. */
.kz-texture{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.kz-texture::before{content:"";position:absolute;inset:0;background:var(--texture-noise) top left/var(--texture-tile) var(--texture-tile) repeat;mix-blend-mode:overlay}
.kz-texture::after{content:"";position:absolute;inset:0;background:var(--texture-base-tint);opacity:var(--texture-base-opacity);backdrop-filter:blur(var(--texture-base-blur))}

.kz-glow{position:absolute;pointer-events:none;background:radial-gradient(circle,var(--glow-tint) 0%,rgba(254,224,221,0) 70%);filter:blur(40px)}