/**
 * Gradient Utility Classes
 * 
 * Градиенты сгруппированы по настроению/цветовой гамме.
 * Используй классы .grad-1 … .grad-40 на любом элементе.
 */

/* ── Розово-голубые / нежные ───────────────────── */
.grad-1  { background: linear-gradient(to bottom right, #87CEEB, #FF69B4); }
.grad-2  { background: linear-gradient(135deg, #fbc2eb, #a6c1ee); }
.grad-3  { background: linear-gradient(to right, #ffecd2, #fcb69f); }
.grad-4  { background: linear-gradient(135deg, #a18cd1, #fbc2eb); }
.grad-5  { background: linear-gradient(to top, #fad0c4, #ffd1ff); }

/* ── Синие / холодные ───────────────────────────── */
.grad-6  { background: linear-gradient(135deg, #667eea, #764ba2); }
.grad-7  { background: linear-gradient(to right, #4facfe, #00f2fe); }
.grad-8  { background: linear-gradient(135deg, #0c3483, #a2b6df); }
.grad-9  { background: linear-gradient(to top, #00c6fb, #005bea); }
.grad-10 { background: linear-gradient(to bottom right, #1e3c72, #2a5298); }

/* ── Зелёные / природные ────────────────────────── */
.grad-11 { background: linear-gradient(to top, #00b09b, #96c93d); }
.grad-12 { background: linear-gradient(135deg, #11998e, #38ef7d); }
.grad-13 { background: linear-gradient(to right, #56ab2f, #a8e063); }
.grad-14 { background: linear-gradient(135deg, #093028, #237a57); }
.grad-15 { background: linear-gradient(to bottom right, #1d976c, #93f9b9); }

/* ── Оранжевые / тёплые ─────────────────────────── */
.grad-16 { background: linear-gradient(135deg, #fc4a1a, #f7b733); }
.grad-17 { background: linear-gradient(to right, #f7971e, #ffd200); }
.grad-18 { background: linear-gradient(to top, #f12711, #f5af19); }
.grad-19 { background: linear-gradient(135deg, #ee9ca7, #ffdde1); }
.grad-20 { background: linear-gradient(to bottom right, #ff512f, #dd2476); }

/* ── Фиолетовые / мистические ───────────────────── */
.grad-21 { background: linear-gradient(135deg, #8e2de2, #4a00e0); }
.grad-22 { background: linear-gradient(to right, #b224ef, #7579ff); }
.grad-23 { background: linear-gradient(to top, #6a11cb, #2575fc); }
.grad-24 { background: linear-gradient(135deg, #302b63, #24243e); }
.grad-25 { background: linear-gradient(to bottom right, #aa076b, #61045f); }

/* ── Тёмные / элегантные ────────────────────────── */
.grad-26 { background: linear-gradient(135deg, #232526, #414345); }
.grad-27 { background: linear-gradient(to right, #000000, #434343); }
.grad-28 { background: linear-gradient(to top, #0f0c29, #302b63, #24243e); }
.grad-29 { background: linear-gradient(135deg, #1f1c2c, #928dab); }
.grad-30 { background: linear-gradient(to bottom right, #141e30, #243b55); }

/* ── Яркие / акцентные ──────────────────────────── */
.grad-31 { background: linear-gradient(to right, #f953c6, #b91d73); }
.grad-32 { background: linear-gradient(135deg, #ff0844, #ffb199); }
.grad-33 { background: linear-gradient(to right, #00d2ff, #3a7bd5); }
.grad-34 { background: linear-gradient(135deg, #c31432, #240b36); }
.grad-35 { background: linear-gradient(to top, #f7971e, #ffd200, #00d2ff); }

/* ── Пастельные / мягкие ────────────────────────── */
.grad-36 { background: linear-gradient(135deg, #e0c3fc, #8ec5fc); }
.grad-37 { background: linear-gradient(to right, #ffecd2, #fcb69f, #fbc2eb); }
.grad-38 { background: linear-gradient(to top, #c1dfc4, #deecdd); }
.grad-39 { background: linear-gradient(135deg, #f5f7fa, #c3cfe2); }
.grad-40 { background: linear-gradient(to bottom right, #ff9a9e, #fecfef, #fecfef); }