/* =========================================================
   15) UTILITY CLASSES
   ========================================================= */

.text-main   { color: var(--text-main); }
.text-soft   { color: var(--text-soft); }
.text-muted  { color: var(--text-muted); }
.text-faint  { color: var(--text-faint); }
.text-accent { color: var(--accent-main); }
.text-gold   { color: var(--secondary-main); }
.text-danger { color: var(--danger); }
.text-success{ color: var(--success); }

.bg-card     { background: var(--bg-card); }
.bg-panel    { background: var(--bg-panel); }
.bg-elevated { background: var(--bg-elevated); }

.border-soft   { border-color: var(--border-soft); }
.border-main   { border-color: var(--border-main); }
.border-strong { border-color: var(--border-strong); }
.border-accent { border-color: var(--border-accent); }

.gradient-accent    { background: var(--accent-gradient); }
.gradient-secondary { background: var(--secondary-gradient); }
.gradient-rare      { background: var(--rare-gradient); }
.gradient-legendary { background: var(--legendary-gradient); }

.shadow-accent   { box-shadow: var(--glow-accent); }
.shadow-secondary{ box-shadow: var(--glow-secondary); }