@layer utilities {
  /* Deprecated as section owners — kept for CTA panels / rare accents only.
   * Prefer transparent section shells + page-atmosphere. */
  .bg-gradient-hero {
    background-color: transparent;
    background-image: none;
  }

  .dark .bg-gradient-hero {
    background-image: none;
  }

  .bg-gradient-featured {
    background-color: transparent;
    background-image: none;
  }

  .dark .bg-gradient-featured {
    background-image: none;
  }

  .bg-gradient-accent {
    background-color: transparent;
    background-image: none;
  }

  .dark .bg-gradient-accent {
    background-image: none;
  }

  .bg-gradient-cta {
    background-image: linear-gradient(
      135deg,
      var(--brand-primary-dark) 0%,
      color-mix(in srgb, var(--brand-primary-dark) 55%, var(--brand-primary)) 55%,
      var(--brand-primary) 100%
    );
  }
}