/* Shared service-package gradients, selected through ACF or a validated draft comparison. */
#ppf-dark.ngpkg[data-ngpkg-gradient="reference-navy"]{
  --ngpkg-gradient:radial-gradient(ellipse at 73% 54%,#062733 0%,#03212d 45%,#021c27 100%);
  --ngpkg-white:#fbfdff;--ngpkg-muted:#e2eaf0;--ngpkg-cyan:#00bfdc;
  --ngpkg-preview-rule:#4b6c7a;--ngpkg-preview-tab:#001c2670;--ngpkg-preview-hover:#0a3546;
}
#ppf-dark.ngpkg[data-ngpkg-gradient="midnight-halo"]{
  --ngpkg-gradient:radial-gradient(ellipse at 76% 51%,#235267 0%,#102f40 29%,#081d2b 56%,#040f18 100%);
  --ngpkg-white:#f7fafc;--ngpkg-muted:#c5d4df;--ngpkg-cyan:#05bfd2;
  --ngpkg-preview-rule:#4b788b;--ngpkg-preview-tab:#071e2b70;--ngpkg-preview-hover:#173e50;
}
#ppf-dark.ngpkg[data-ngpkg-gradient="steel-blue"]{
  --ngpkg-gradient:linear-gradient(115deg,#123344 0%,#173b50 40%,#21566a 100%);
  --ngpkg-white:#f7fafc;--ngpkg-muted:#d1e0e8;--ngpkg-cyan:#21d2df;
  --ngpkg-preview-rule:#7293a3;--ngpkg-preview-tab:#12334460;--ngpkg-preview-hover:#22566b;
}
#ppf-dark.ngpkg[data-ngpkg-gradient="graphite"]{
  --ngpkg-gradient:radial-gradient(ellipse at 80% 47%,#52616b 0%,#323f48 32%,#1b2831 63%,#111b23 100%);
  --ngpkg-white:#fafbfc;--ngpkg-muted:#d0dae1;--ngpkg-cyan:#08c3d7;
  --ngpkg-preview-rule:#6d808e;--ngpkg-preview-tab:#101b2860;--ngpkg-preview-hover:#3b4b57;
}
#ppf-dark.ngpkg[data-ngpkg-gradient="deep-teal"]{
  --ngpkg-gradient:radial-gradient(ellipse at 81% 49%,#1a7280 0%,#11505f 32%,#082c3a 64%,#041c29 100%);
  --ngpkg-white:#f7fbfc;--ngpkg-muted:#d0e4e8;--ngpkg-cyan:#3bdbe5;
  --ngpkg-preview-rule:#548997;--ngpkg-preview-tab:#042a3760;--ngpkg-preview-hover:#1b5968;
}
#ppf-dark.ngpkg[data-ngpkg-gradient="pearl-mist"]{
  --ngpkg-gradient:radial-gradient(ellipse at 74% 46%,#ffffff 0%,#edf3f7 42%,#d5e3ec 100%);
  --ngpkg-white:#102735;--ngpkg-muted:#486070;--ngpkg-cyan:#008c9e;
  --ngpkg-preview-rule:#9db9c9;--ngpkg-preview-tab:#ffffff60;--ngpkg-preview-hover:#d5e9f0;
}
#ppf-dark.ngpkg[data-ngpkg-gradient]{background:var(--ngpkg-gradient)}
#ppf-dark.ngpkg[data-ngpkg-gradient] .ngpkg__backdrop{display:none}
#ppf-dark.ngpkg[data-ngpkg-gradient] .ngpkg__description h4,
#ppf-dark.ngpkg[data-ngpkg-gradient] .ngpkg__popular,
#ppf-dark.ngpkg[data-ngpkg-gradient] .ngpkg__features svg{color:var(--ngpkg-cyan)}
#ppf-dark.ngpkg[data-ngpkg-gradient] .ngpkg__popular::before,
#ppf-dark.ngpkg[data-ngpkg-gradient] .ngpkg__popular::after{background:var(--ngpkg-cyan);opacity:.45}
#ppf-dark.ngpkg[data-ngpkg-gradient] .ngpkg__tab:not(.is-selected){background:var(--ngpkg-preview-tab);border-color:var(--ngpkg-preview-rule)}
#ppf-dark.ngpkg[data-ngpkg-gradient] .ngpkg__tab:not(.is-selected):hover{background:var(--ngpkg-preview-hover);border-color:var(--ngpkg-cyan)}
#ppf-dark.ngpkg[data-ngpkg-gradient] .ngpkg__slide img{filter:drop-shadow(0 15px 11px #00000024)}
#ppf-dark.ngpkg[data-ngpkg-gradient] .ngpkg__slide figcaption,
#ppf-dark.ngpkg[data-ngpkg-gradient] .ngpkg__counter{color:var(--ngpkg-muted)}
#ppf-dark.ngpkg[data-ngpkg-gradient] .ngpkg__controls button{background:var(--ngpkg-preview-tab);color:var(--ngpkg-white);border-color:var(--ngpkg-preview-rule)}
#ppf-dark.ngpkg[data-ngpkg-gradient] .ngpkg__controls button:hover{background:var(--ngpkg-preview-hover);border-color:var(--ngpkg-cyan)}
#ppf-dark.ngpkg[data-ngpkg-gradient] .ngpkg__features{border-color:var(--ngpkg-preview-rule)}
#ppf-dark.ngpkg[data-ngpkg-gradient] .ngpkg__features li,
#ppf-dark.ngpkg[data-ngpkg-gradient] .ngpkg__features li:nth-child(2n),
#ppf-dark.ngpkg[data-ngpkg-gradient] .ngpkg__features li:nth-child(3n){border-color:var(--ngpkg-preview-rule)}
#ppf-dark.ngpkg[data-ngpkg-gradient="pearl-mist"] a:focus-visible,
#ppf-dark.ngpkg[data-ngpkg-gradient="pearl-mist"] button:focus-visible{outline-color:#00758a}
