/* -------------------------------------------------------
   🟨 TEXT + COLOR UTILITIES — Brand Color System
   Purpose: Reusable text and background colors, hovers, gradients
-------------------------------------------------------- */

/* 🎨 BRAND TEXT COLORS */
.text-accent   { color: #2D1359 !important; }  /* Deep Purple — EchoBrand accent */
.text-gold     { color: #FDCB42 !important; }  /* Gold — brand highlight */
.text-dark     { color: #1A1A1A !important; }  /* Default body color */
.text-muted    { color: #555555 !important; }  /* For disclaimers, sublabels */
.text-white    { color: #ffffff !important; }  /* For dark sections */
.text-error    { color: #D64545 !important; }  /* Alerts or errors */
.text-success  { color: #28A745 !important; }  /* Success state */
.text-info     { color: #3AAED8 !important; }  /* Informational labels */

/* 🎨 ALTERNATE BRAND COLORS */
.text-rose     { color: #C422A6 !important; }
.text-purple   { color: #2D1359 !important; }
.text-mist     { color: #CDEDDD !important; }
.text-teal     { color: #CCCAA1 !important; }
.text-ash      { color: #D668BE !important; }

/* 🎨 BACKGROUND COLORS */
.bg-gold       { background-color: #D4AF37 !important; }
.bg-purple     { background-color: #2D1359 !important; }
.bg-rose       { background-color: #C422A6 !important; }
.bg-mist       { background-color: #CDEDDD !important; }
.bg-teal       { background-color: #CCCAA1 !important; }
.bg-ash        { background-color: #D668BE !important; }

/* 🎨 BORDER COLORS */
.border-gold   { border-color: #D4AF37 !important; }
.border-purple { border-color: #2D1359 !important; }

/* 🖱️ TEXT COLOR ON HOVER */
.hover-text-gold:hover     { color: #D4AF37 !important; }
.hover-text-rose:hover     { color: #C422A6 !important; }
.hover-text-purple:hover   { color: #2D1359 !important; }

/* 🖱️ BACKGROUND COLOR ON HOVER */
.hover-bg-gold:hover       { background-color: #D4AF37 !important; }
.hover-bg-rose:hover       { background-color: #C422A6 !important; }
.hover-bg-purple:hover     { background-color: #2D1359 !important; }

/* 💫 GLOW EFFECTS */
.glow-gold         { box-shadow: 0 0 12px #D4AF37 !important; }
.glow-rose         { box-shadow: 0 0 12px #C422A6 !important; }
.glow-purple       { box-shadow: 0 0 12px #2D1359 !important; }
.glow-white-soft   { box-shadow: 0 0 20px rgba(255, 255, 255, 0.2) !important; }

/* 💫 GLOW ON HOVER */
.hover-glow-gold:hover     { box-shadow: 0 0 12px #D4AF37 !important; }
.hover-glow-rose:hover     { box-shadow: 0 0 12px #C422A6 !important; }
.hover-glow-purple:hover   { box-shadow: 0 0 12px #2D1359 !important; }

/* 🌈 GRADIENT BACKGROUNDS */
.bg-gradient-gold-rose     { background: linear-gradient(135deg, #D4AF37, #C422A6) !important; }
.bg-gradient-purple-teal   { background: linear-gradient(135deg, #2D1359, #CCCAA1) !important; }
.bg-gradient-rose-mist     { background: linear-gradient(135deg, #C422A6, #CDEDDD) !important; }
.bg-gradient-purple-gold   { background: linear-gradient(135deg, #2D1359, #D4AF37) !important; }