// Gradient utility classes
// Consistent directional gradients used across marketing examples

/**
 * @section Gradient Backgrounds
 */

/** @public Primary to accent gradient */
.gradient-primary-accent { background: linear-gradient(135deg, hsl(var(--primary)), hsl(var(--accent))); }

/** @public Green gradient */
.gradient-green { background: linear-gradient(135deg, #10b981, #34d399); }

/** @public Purple gradient */
.gradient-purple { background: linear-gradient(135deg, #8b5cf6, #a78bfa); }

/** @public Amber gradient */
.gradient-amber { background: linear-gradient(135deg, #f59e0b, #fbbf24); }

/** @public Blue gradient */
.gradient-blue { background: linear-gradient(135deg, #3b82f6, #60a5fa); }

/** @public Pink gradient */
.gradient-pink { background: linear-gradient(135deg, #ec4899, #f472b6); }

/** @public Indigo gradient */
.gradient-indigo { background: linear-gradient(135deg, #667eea, #764ba2); }

/** @public Fuchsia gradient */
.gradient-fuchsia { background: linear-gradient(135deg, #f093fb, #f5576c); }

/** @public Cyan gradient */
.gradient-cyan { background: linear-gradient(135deg, #4facfe, #00f2fe); }

/** @public Mint gradient */
.gradient-mint { background: linear-gradient(135deg, #43e97b, #38f9d7); }

/** @public Rose gradient */
.gradient-rose { background: linear-gradient(135deg, #fa709a, #fee140); }

/** @public Muted to card gradient */
.gradient-muted-card { background: linear-gradient(135deg, hsl(var(--muted)), hsl(var(--card))); }