/* Text colors */
.wefj-c-t-gray { color: #6b7280 !important; }
.wefj-c-t-brown { color: #8b5e34 !important; }
.wefj-c-t-red { color: #dc2626 !important; }
.wefj-c-t-orange { color: #ea580c !important; }
.wefj-c-t-yellow { color: #ca8a04 !important; }
.wefj-c-t-green { color: #16a34a !important; }
.wefj-c-t-blue { color: #2563eb !important; }
.wefj-c-t-purple { color: #7c3aed !important; }
.wefj-c-t-pink { color: #db2777 !important; }

/* Background colors */
.wefj-c-bg-gray { background: rgba(107, 114, 128, 0.15); padding: 0 0.25em; border-radius: 3px; }
.wefj-c-bg-brown { background: rgba(139, 94, 52, 0.15); padding: 0 0.25em; border-radius: 3px; }
.wefj-c-bg-red { background: rgba(220, 38, 38, 0.15); padding: 0 0.25em; border-radius: 3px; }
.wefj-c-bg-orange { background: rgba(234, 88, 12, 0.15); padding: 0 0.25em; border-radius: 3px; }
.wefj-c-bg-yellow { background: rgba(202, 138, 4, 0.15); padding: 0 0.25em; border-radius: 3px; }
.wefj-c-bg-green { background: rgba(22, 163, 74, 0.15); padding: 0 0.25em; border-radius: 3px; }
.wefj-c-bg-blue { background: rgba(37, 99, 235, 0.15); padding: 0 0.25em; border-radius: 3px; }
.wefj-c-bg-purple { background: rgba(124, 58, 237, 0.15); padding: 0 0.25em; border-radius: 3px; }
.wefj-c-bg-pink { background: rgba(219, 39, 119, 0.15); padding: 0 0.25em; border-radius: 3px; }