/* ZAVYA Noodles — sistema de marca (uso controlado) */
:root {
  --zn-bg: #430586;
  --zn-bg-deep: #300060;
  --zn-bg-ink: #1A0033;
  --zn-cream: #F5E1A4;
  --zn-coral: #F06C5D;
  --zn-green: #2B7E64;
}

/* Campanha / superfícies promocionais */
.zn-pattern {
  background-color: var(--zn-bg);
  background-image: var(--zn-pattern-image);
  background-repeat: repeat;
  background-size: 360px 360px;
}

.zn-pattern--soft {
  position: relative;
  isolation: isolate;
  background-color: var(--zn-bg-ink);
  background-image: var(--zn-pattern-image);
  background-repeat: repeat;
  background-size: 480px 480px;
}
.zn-pattern--soft::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(
    165deg,
    color-mix(in srgb, var(--zn-bg-ink) 58%, transparent) 0%,
    color-mix(in srgb, var(--zn-bg-deep) 78%, transparent) 100%
  );
}
.zn-pattern--soft > * {
  position: relative;
  z-index: 1;
}

/* Atmosfera de página inteira (uso principal na Bio) */
.zn-page-brand,
.bz-page-brand {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}
.zn-page-brand__texture,
.bz-page-brand__texture {
  position: absolute;
  inset: -12%;
  background-image: var(--zn-pattern-image);
  background-repeat: repeat;
  background-size: 520px 520px;
  opacity: 0.2;
  transform: rotate(-2deg) scale(1.04);
  filter: saturate(0.88) contrast(0.94);
}
.zn-page-brand__veil,
.bz-page-brand__veil {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(90% 55% at 50% 0%, color-mix(in srgb, var(--zn-bg) 28%, transparent), transparent 60%),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--zn-bg-ink) 78%, transparent) 0%,
      color-mix(in srgb, var(--zn-bg-ink) 90%, transparent) 45%,
      color-mix(in srgb, var(--zn-bg-deep) 92%, transparent) 100%
    );
}

.zn-accent {
  display: block;
  width: 100%;
  height: auto;
  pointer-events: none;
  user-select: none;
}