/* Gradients — always soft, same-hue, top-to-bottom tints. The only multi-hue blends are the AI block and the gradient button. */
:root{
--gradient-blue:linear-gradient(180deg,var(--blue-50) 0,var(--blue-100) 100%); /* @kind color */
--gradient-purple:linear-gradient(180deg,var(--purple-50) 0,var(--purple-100) 100%); /* @kind color */
--gradient-pink:linear-gradient(180deg,var(--pink-50) 0,var(--pink-100) 100%); /* @kind color */
--gradient-orange:linear-gradient(180deg,var(--orange-50) 0,var(--orange-100) 100%); /* @kind color */
--gradient-header:linear-gradient(0deg,var(--transparent),var(--blue-100)); /* @kind color */        /* page headers: blue-100 at top fading out */
--gradient-header-up:linear-gradient(180deg,var(--transparent),var(--blue-100)); /* @kind color */
--gradient-header-side:linear-gradient(90deg,var(--transparent),var(--blue-100)); /* @kind color */
--gradient-home-fade:linear-gradient(#0000,#eff8ff); /* @kind color */
--gradient-ai-block:linear-gradient(180deg,var(--pink-50),var(--blue-100)); /* @kind color */
--gradient-ai-text:linear-gradient(90deg,var(--blue-400),var(--brand-900)); /* @kind color */
--gradient-button:linear-gradient(270deg,var(--blue-500),var(--brand-700)); /* @kind color */
--gradient-indicator:linear-gradient(90deg,var(--blue-400),var(--blue-500)); /* @kind color */
--gradient-gloss:linear-gradient(180deg,#ffffff29,var(--transparent)); /* @kind color */
}