/* gradients.css — Gradient utilities (editorial palette) */

/* ===== Directions ===== */
.bg-gradient-to-r  { background-image: linear-gradient(to right, var(--tw-gradient-stops)); }
.bg-gradient-to-b  { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); }
.bg-gradient-to-br { background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); }

/* ===== From stops ===== */
.from-primary         { --tw-gradient-from: #14b8a6; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via, var(--tw-gradient-from)), var(--tw-gradient-to, transparent); }
.from-primary-light   { --tw-gradient-from: #5eead4; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via, var(--tw-gradient-from)), var(--tw-gradient-to, transparent); }
.from-accent          { --tw-gradient-from: #22d3ee; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via, var(--tw-gradient-from)), var(--tw-gradient-to, transparent); }
.from-success         { --tw-gradient-from: #10b981; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via, var(--tw-gradient-from)), var(--tw-gradient-to, transparent); }
.from-glow            { --tw-gradient-from: rgba(20, 184, 166, 0.22); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via, var(--tw-gradient-from)), var(--tw-gradient-to, transparent); }
.from-violet-300      { --tw-gradient-from: #c4b5fd; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via, var(--tw-gradient-from)), var(--tw-gradient-to, transparent); }
.from-surface-light\/30 { --tw-gradient-from: rgba(12, 12, 16, 0.3); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via, var(--tw-gradient-from)), var(--tw-gradient-to, transparent); }
.from-primary\/20     { --tw-gradient-from: rgba(20, 184, 166, 0.2); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via, var(--tw-gradient-from)), var(--tw-gradient-to, transparent); }

/* ===== To stops ===== */
.to-surface           { --tw-gradient-to: #050507; }
.to-transparent       { --tw-gradient-to: transparent; }
.to-primary           { --tw-gradient-to: #14b8a6; }
.to-pink-300          { --tw-gradient-to: #f9a8d4; }
.to-primary\/30       { --tw-gradient-to: rgba(20, 184, 166, 0.32); }
.to-accent\/10        { --tw-gradient-to: rgba(34, 211, 238, 0.1); }
.to-accent\/30        { --tw-gradient-to: rgba(34, 211, 238, 0.32); }
.to-success\/30       { --tw-gradient-to: rgba(16, 185, 129, 0.32); }

/* ===== Via stops ===== */
.via-transparent      { --tw-gradient-via: transparent; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }
.via-accent           { --tw-gradient-via: #22d3ee; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via), var(--tw-gradient-to, transparent); }