/* ==========================================================================
   ICON COLOR UTILITIES
   Semantic color classes for Phosphor Icons
   Replaces hex color inline styles
   ========================================================================== */

/* Brand/Accent Colors */
.icon-primary { color: var(--accent-primary); }
.icon-cyan { color: var(--accent-cyan); }
.icon-violet { color: var(--accent-violet); }
.icon-pink { color: var(--accent-pink); }
.icon-orange { color: var(--accent-orange); }
.icon-green { color: var(--accent-green); }
.icon-red { color: var(--accent-red); }
.icon-yellow { color: var(--accent-yellow); }

/* Specific Technology Colors */
.icon-html { color: #e34c26; }
.icon-js { color: #f7df1e; }
.icon-blue { color: #3b82f6; }
.icon-light-pink { color: #f0abfc; }

/* Light Mode Adjustments */
html.light-theme .icon-js { color: #d4a50e; }