body:has(#homepage-bio.custom-home-gradient) .page-body{background-color:var(--hb-color-background);--homepage-radial-gradient:radial-gradient(
      /* Shape and position: horizontal 15%, vertical 15% */
      circle at 15% 15%,

      color-mix(
        in srgb,
        /* Theme primary colour; 18% controls strength */
        var(--color-primary-500) 18%,
        transparent
      ),

      /* Colour becomes transparent at 38%; increase for wider spread */
      transparent 38%
    ),

    radial-gradient(
      /* Second colour position: horizontal 85%, vertical 55% */
      circle at 85% 55%,

      color-mix(
        in srgb,
        /* Theme secondary colour; 15% controls strength */
        var(--color-secondary-500) 15%,
        transparent
      ),

      /* Increase 42% for a wider and softer colour region */
      transparent 42%
    );--homepage-linear-gradient:linear-gradient(
      /* Direction: 90deg left→right, 135deg diagonal, 180deg top→bottom */
      135deg in oklab,

      color-mix(
        in oklab, /* in srgb */
        /* Primary colour strength */
        var(--color-primary-500) 18%,
        transparent
      ) 0%, /* Primary colour starts at 0% */

      /* Normal theme background appears at the middle */
      var(--hb-color-background) 45%,
      var(--hb-color-background) 55%,

      color-mix(
        in oklab, /* in srgb */
        /* Secondary colour strength */
        var(--color-secondary-500) 15%,
        transparent
      ) 100% /* Secondary colour finishes at 100% */
    );background-image:var(--homepage-linear-gradient);background-repeat:no-repeat;background-size:100% 100%}body:has(#homepage-bio.custom-home-gradient) .hbb-section,body:has(#homepage-bio.custom-home-gradient) .home-section-bg{background-color:initial!important}