/* RAPCO2 — Blue Harmony / Wix preview
   Scoped blue backgrounds for the secondary pages.
   Keeps Home, Visione, header, typography, cards, and interaction unchanged. */
:where(
  .app-page[data-page="blueleaf"],
  .app-page[data-page="dac"],
  .app-page[data-page="process"],
  .app-page[data-page="chemicals"],
  .app-page[data-page="team"],
  .app-page[data-page="contact"],
  .app-page[data-page="questionnaire"]
) {
  background:linear-gradient(180deg,#deebff 0%,#f0f6ff 47%,#dfebff 100%);
}

/* Immersive azure introductions: strong brand blue, still dark readable text. */
.app-page[data-page="blueleaf"] > .blueleaf-hero,
.app-page[data-page="dac"] > .page-hero,
.app-page[data-page="process"] > .page-hero,
.app-page[data-page="chemicals"] > .page-hero,
.app-page[data-page="team"] > .manifesto-hero,
.app-page[data-page="contact"] > .manifesto-hero,
.app-page[data-page="questionnaire"] > .questionnaire-hero {
  background:
    radial-gradient(ellipse 59% 94% at 88% 26%,rgba(37,93,218,.28),transparent 68%),
    radial-gradient(ellipse 55% 83% at 0% 92%,rgba(91,153,255,.18),transparent 73%),
    linear-gradient(115deg,#d0e2ff 0%,#eaf3ff 53%,#c9dfff 100%);
  color:#0d1d3a;
}

/* BlueLeaf: rhythm of powder-blue, luminous blue, and clean card surfaces. */
.app-page[data-page="blueleaf"] > .blueleaf-focus {
  background:linear-gradient(145deg,#e0edff 0%,#cbdfff 57%,#e8f1ff 100%);
}
.app-page[data-page="blueleaf"] > .pilot-section {
  background:
    radial-gradient(ellipse 45% 82% at 8% 38%,rgba(49,103,230,.20),transparent 78%),
    linear-gradient(110deg,#d4e5ff 0%,#edf5ff 70%,#dbe9ff 100%);
}
.app-page[data-page="blueleaf"] > .blueleaf-questionnaire {
  background:linear-gradient(160deg,#dce9ff 0%,#f2f7ff 100%);
}

/* Tecnologia and its supporting pages: clear gradients behind technical diagrams. */
.app-page[data-page="process"] > .process-story {
  background:linear-gradient(180deg,#dceaff 0%,#eaf3ff 44%,#d3e5ff 100%);
}
.app-page[data-page="dac"] > .dac-signals,
.app-page[data-page="chemicals"] > .molecule-focus {
  background:linear-gradient(145deg,#e1eeff 0%,#cdddff 63%,#eaf3ff 100%);
}

/* Squadra: luminous introduction and a genuine navy-blue portrait gallery. */
.app-page[data-page="team"] > .team-showcase {
  background:
    radial-gradient(ellipse 59% 56% at 15% 8%,rgba(36,104,242,.38),transparent 82%),
    radial-gradient(ellipse 52% 62% at 88% 82%,rgba(35,85,184,.30),transparent 76%),
    linear-gradient(155deg,#061225 0%,#0d2c59 50%,#071a39 100%);
  color:#fff;
}
.app-page[data-page="team"] .team-showcase__header .eyebrow {
  color:#9fc5ff;
}

/* Contatti: recognizable blue background, with the white form left intact. */
.app-page[data-page="contact"] > .contact-section {
  background:
    radial-gradient(ellipse 52% 88% at 0% 10%,rgba(61,119,238,.20),transparent 75%),
    linear-gradient(115deg,#cfdefb 0%,#eaf3ff 64%,#d7e8ff 100%);
}
.app-page[data-page="contact"] .contact-signals {
  border-top-color:rgba(28,72,157,.22);
}
.app-page[data-page="contact"] .contact-signals article {
  border-bottom-color:rgba(28,72,157,.22);
}

/* Supporting interactive questionnaire keeps the same visual family. */
.app-page[data-page="questionnaire"] > .questionnaire-section {
  background:linear-gradient(180deg,#e4efff 0%,#d9e8ff 100%);
}

/* The palette remains legible at narrow widths; no heavy fixed effects. */
@media (max-width:760px) {
  .app-page[data-page="blueleaf"] > .blueleaf-hero,
  .app-page[data-page="dac"] > .page-hero,
  .app-page[data-page="process"] > .page-hero,
  .app-page[data-page="chemicals"] > .page-hero,
  .app-page[data-page="team"] > .manifesto-hero,
  .app-page[data-page="contact"] > .manifesto-hero,
  .app-page[data-page="questionnaire"] > .questionnaire-hero {
    background:
      radial-gradient(ellipse 86% 55% at 84% 10%,rgba(37,93,218,.23),transparent 78%),
      linear-gradient(155deg,#d0e2ff 0%,#edf5ff 56%,#d4e6ff 100%);
  }
}