/* Utilities — dsm.promo shared utility classes
   Replaces repeated inline styles across pages. */

/* ─── Container ─── */
.u-content-narrow { max-width: 720px; margin-left: auto; margin-right: auto; padding-left: 1.5rem; padding-right: 1.5rem; }

/* ─── Background Tints (4% opacity — card/section fills) ─── */
.u-bg-amber-4  { background: rgba(245,158,11,0.04); }
.u-bg-red-4    { background: rgba(239,68,68,0.04); }
.u-bg-gold-4   { background: rgba(192,178,131,0.04); }
.u-bg-blue-4   { background: rgba(59,130,246,0.04); }
.u-bg-green-4  { background: rgba(34,197,94,0.04); }
.u-bg-purple-4 { background: rgba(139,92,246,0.04); }
.u-bg-emerald-4 { background: rgba(16,185,129,0.04); }
.u-bg-gray-4   { background: rgba(107,114,128,0.04); }

/* ─── Badge Colors (8% bg + text color) ─── */
.u-badge-amber  { background: rgba(245,158,11,0.08); color: #b45309; }
.u-badge-red    { background: rgba(239,68,68,0.08); color: #dc2626; }
.u-badge-gold   { background: rgba(192,178,131,0.12); color: #8b6914; }
.u-badge-blue   { background: rgba(59,130,246,0.08); color: #2563eb; }
.u-badge-green  { background: rgba(34,197,94,0.08); color: #16a34a; }
.u-badge-purple { background: rgba(139,92,246,0.08); color: #7c3aed; }
.u-badge-emerald { background: rgba(16,185,129,0.08); }

/* ─── Icon Backgrounds (8% — used for icon circles on partners, demo, etc.) ─── */
.u-icon-blue-6  { background: rgba(59,130,246,0.06); }
.u-icon-gold-8  { background: rgba(192,178,131,0.08); }
.u-icon-purple-6 { background: rgba(139,92,246,0.06); }
.u-icon-gold-12 { background: rgba(192,178,131,0.12); }
.u-icon-blue-8  { background: rgba(59,130,246,0.08); }
.u-icon-emerald-8 { background: rgba(16,185,129,0.08); }

/* ─── Gradient Slides ─── */
.u-bg-slide-1 { background: linear-gradient(135deg, #0A1628, #1a2740); }
.u-bg-slide-2 { background: linear-gradient(135deg, #1a3050, #0A1628); }
.u-bg-slide-3 { background: linear-gradient(135deg, #0A1628, #1f2937); }
.u-bg-slide-4 { background: linear-gradient(135deg, #1a2740, #0A1628); }
.u-bg-slide-5 { background: linear-gradient(135deg, #0A1628, #1a3050); }
.u-bg-slide-6 { background: linear-gradient(135deg, #0A1628, #2a1520); }

/* ─── Tech Badge Gradients ─── */
.u-bg-tech-claude   { background: linear-gradient(135deg, #e67e22, #d35400); }
.u-bg-tech-gemini   { background: linear-gradient(135deg, #3498db, #2980b9); }
.u-bg-tech-ollama   { background: linear-gradient(135deg, #555, #333); }
.u-bg-tech-n8n      { background: linear-gradient(135deg, #27ae60, #1e8449); }
.u-bg-tech-postgres { background: linear-gradient(135deg, #2471a3, #1a5276); }
.u-bg-tech-docker   { background: linear-gradient(135deg, #17a2b8, #138496); }

/* ─── Misc Helpers ─── */
.u-hidden     { display: none; }
.u-underline  { text-decoration: underline; }
.u-avatar-round { border-radius: 50%; object-fit: cover; width: 100%; height: 100%; }
.u-honeypot   { position: absolute; left: -9999px; top: -9999px; }