/**
 * NOTIFICATIONS & STATUS COLORS CSS
 * 
 * Cerință: Modificarea culorilor pentru notificări și stări afectează DOAR culoarea textului
 * Fundalurile rămân FIXE și nu se modifică prin color picker
 * 
 * Variabile CSS folosite:
 * - --success-color, --danger-color, --warning-color, --info-color, --highlight-color (TEXT ONLY)
 * - --success-bg, --danger-bg, --warning-bg, --info-bg, --highlight-bg (FUNDAL FIX)
 */

/* ============================================
   NOTIFICATION MESSAGES - TEXT ONLY
   ============================================ */

.notification.success,
.message.success,
.alert.success,
.toast.success {
    color: var(--success-color);           /* Culoare text modificabilă */
    background-color: var(--success-bg);   /* Fundal FIX - nu se modifică */
    border-left-color: var(--success-color);
}

.notification.error,
.notification.danger,
.message.error,
.message.danger,
.alert.error,
.alert.danger,
.toast.error,
.toast.danger {
    color: var(--danger-color);            /* Culoare text modificabilă */
    background-color: var(--danger-bg);    /* Fundal FIX - nu se modifică */
    border-left-color: var(--danger-color);
}

.notification.warning,
.message.warning,
.alert.warning,
.toast.warning {
    color: var(--warning-color);           /* Culoare text modificabilă */
    background-color: var(--warning-bg);   /* Fundal FIX - nu se modifică */
    border-left-color: var(--warning-color);
}

.notification.info,
.message.info,
.alert.info,
.toast.info {
    color: var(--info-color);              /* Culoare text FIX */
    background-color: var(--info-bg);      /* Fundal FIX - nu se modifică */
    border-left-color: var(--info-color);
}

.notification.highlight,
.message.highlight,
.alert.highlight,
.toast.highlight {
    color: var(--highlight-color);         /* Culoare text FIX */
    background-color: var(--highlight-bg); /* Fundal FIX - nu se modifică */
    border-left-color: var(--highlight-color);
}

/* ============================================
   STATUS BADGES - TEXT ONLY
   ============================================ */

.badge.success,
.status.success,
.tag.success {
    color: var(--success-color);           /* Culoare text modificabilă */
    background-color: var(--success-bg);   /* Fundal FIX */
}

.badge.error,
.badge.danger,
.status.error,
.status.danger,
.tag.error,
.tag.danger {
    color: var(--danger-color);            /* Culoare text modificabilă */
    background-color: var(--danger-bg);    /* Fundal FIX */
}

.badge.warning,
.status.warning,
.tag.warning {
    color: var(--warning-color);           /* Culoare text modificabilă */
    background-color: var(--warning-bg);   /* Fundal FIX */
}

.badge.info,
.status.info,
.tag.info {
    color: var(--info-color);              /* Culoare text FIX */
    background-color: var(--info-bg);      /* Fundal FIX */
}

.badge.highlight,
.status.highlight,
.tag.highlight {
    color: var(--highlight-color);         /* Culoare text FIX */
    background-color: var(--highlight-bg); /* Fundal FIX */
}

/* ============================================
   BUTTONS - TEXT & BORDER ONLY
   ============================================ */

.btn-success {
    color: var(--success-color);           /* Culoare text modificabilă */
    border-color: var(--success-color);
    background: transparent;
}

.btn-success:hover {
    background-color: var(--success-bg);   /* Fundal FIX la hover */
}

.btn-danger {
    color: var(--danger-color);            /* Culoare text modificabilă */
    border-color: var(--danger-color);
    background: transparent;
}

.btn-danger:hover {
    background-color: var(--danger-bg);    /* Fundal FIX la hover */
}

.btn-warning {
    color: var(--warning-color);           /* Culoare text modificabilă */
    border-color: var(--warning-color);
    background: transparent;
}

.btn-warning:hover {
    background-color: var(--warning-bg);   /* Fundal FIX la hover */
}

/* ============================================
   ICONS - COLOR ONLY
   ============================================ */

.icon-success,
svg.success {
    color: var(--success-color);           /* Culoare modificabilă */
}

.icon-danger,
.icon-error,
svg.danger,
svg.error {
    color: var(--danger-color);            /* Culoare modificabilă */
}

.icon-warning,
svg.warning {
    color: var(--warning-color);           /* Culoare modificabilă */
}

.icon-info,
svg.info {
    color: var(--info-color);              /* Culoare FIX */
}

.icon-highlight,
svg.highlight {
    color: var(--highlight-color);         /* Culoare FIX */
}

/* ============================================
   ACTIVITY LOG MESSAGES - TEXT ONLY
   ============================================ */

/* Activity items - FUNDAL 100% TRANSPARENT (nu se modifică niciodată) */
.activity-item,
.activity-item.success,
.activity-item.error,
.activity-item.danger,
.activity-item.warning,
.activity-item.info,
.activity-item.connecting,
.activity-item.activity-success,
.activity-item.activity-error,
.activity-item.activity-danger,
.activity-item.activity-warning,
.activity-item.activity-info,
.activity-item.activity-connecting {
    background: transparent !important;  /* Fundal MEREU transparent */
}

/* Activity items la HOVER - tot transparent */
.activity-item:hover,
.activity-item.success:hover,
.activity-item.error:hover,
.activity-item.danger:hover,
.activity-item.warning:hover,
.activity-item.info:hover,
.activity-item.connecting:hover,
.activity-item.activity-success:hover,
.activity-item.activity-error:hover,
.activity-item.activity-danger:hover,
.activity-item.activity-warning:hover,
.activity-item.activity-info:hover,
.activity-item.activity-connecting:hover {
    background: transparent !important;  /* Fundal MEREU transparent */
}

.activity-message.success .message-text {
    color: var(--success-color);           /* Culoare text modificabilă */
}

.activity-message.error .message-text,
.activity-message.danger .message-text {
    color: var(--danger-color);            /* Culoare text modificabilă */
}

.activity-message.warning .message-text {
    color: var(--warning-color);           /* Culoare text modificabilă */
}

.activity-message.info .message-text {
    color: var(--info-color);              /* Culoare text FIX */
}

/* ============================================
   BORDERS & ACCENTS - COLOR ONLY
   ============================================ */

.border-success {
    border-color: var(--success-color) !important;
}

.border-danger,
.border-error {
    border-color: var(--danger-color) !important;
}

.border-warning {
    border-color: var(--warning-color) !important;
}

.border-info {
    border-color: var(--info-color) !important;
}

.border-highlight {
    border-color: var(--highlight-color) !important;
}

/* ============================================
   TEXT UTILITIES - COLOR ONLY
   ============================================ */

.text-success {
    color: var(--success-color) !important;
}

.text-danger,
.text-error {
    color: var(--danger-color) !important;
}

.text-warning {
    color: var(--warning-color) !important;
}

.text-info {
    color: var(--info-color) !important;
}

.text-highlight {
    color: var(--highlight-color) !important;
}