/* Changed for Gould: the shared gradient set (spec decision 66 item 5; plan
   decision 12). Five tokens, named by job. Each holds a list of colour stops;
   the block says only which way it runs, for example
     background: linear-gradient(to right, var(--gradient-text-side));
   Every strength is one step of the alpha scale (decision 67 item 1). */
:root {
  /* Darkens the side the text sits on (hero) */
  --gradient-text-side:
    hsl(var(--color-bg-base-hsl)) 0%,
    hsl(var(--color-bg-base-hsl) / var(--alpha-80)) 32%,
    hsl(var(--color-bg-base-hsl) / var(--alpha-40)) 62%,
    hsl(var(--color-bg-base-hsl) / var(--alpha-20)) 100%;

  /* Solid navy at an edge, clear by 75% of its reach (hero and industries
     blends, the industries photo mask, card top and bottom). Each use sets
     its reach with background-size (or mask-size), e.g.
       linear-gradient(to bottom, var(--gradient-edge-fade)) top / 100% 30% no-repeat
     so one shape serves short and long fades (Mitchell's choice A). */
  --gradient-edge-fade:
    hsl(var(--color-bg-base-hsl)) 0%,
    hsl(var(--color-bg-base-hsl) / var(--alpha-80)) 30%,
    hsl(var(--color-bg-base-hsl) / var(--alpha-20)) 60%,
    hsl(var(--color-bg-base-hsl) / 0) 75%;

  /* A thin white line or bevel fading out (card edge line, glass bevel) */
  --gradient-sheen:
    hsl(var(--color-white-hsl) / var(--alpha-30)) 0%,
    hsl(var(--color-white-hsl) / var(--alpha-10)) 60%,
    hsl(var(--color-white-hsl) / 0) 100%;

  /* The white shine on glass buttons (use in a radial-gradient) */
  --gradient-glass-shine:
    hsl(var(--color-white-hsl) / var(--alpha-30)) 0%,
    hsl(var(--color-white-hsl) / var(--alpha-10)) 35%,
    hsl(var(--color-white-hsl) / 0) 70%;

  /* Mint glow inside a button (use in a radial-gradient) */
  --gradient-glow:
    hsl(var(--color-accent-base-hsl) / var(--alpha-30)) 0%,
    hsl(var(--color-accent-base-hsl) / var(--alpha-10)) 36%,
    hsl(var(--color-accent-base-hsl) / 0) 70%;
}