/* Bază pentru font */
/* Adaugă la începutul fișierului style.css */
:root {
    --tema-culoare: #011a25;
    --tema-culoare-dark: #011017; /* Varianta de hover, puțin mai închisă */
}

.bg-tema { background-color: var(--tema-culoare) !important; }
.bg-tema-dark, .hover-bg-tema-dark:hover { background-color: var(--tema-culoare-dark) !important; }
.text-tema { color: var(--tema-culoare) !important; }
.text-tema-dark, .hover-text-tema-dark:hover { color: var(--tema-culoare-dark) !important; }

body {
    font-family: 'Inter', sans-serif;
}

/* Sistemul de semaforizare pentru starea produselor */
.status-nou {
    border-top: 4px solid #22c55e; /* Verde */
}

.status-aproape-nou {
    border-top: 4px solid #eab308; /* Galben/Portocaliu */
}

.status-urme {
    border-top: 4px solid #ef4444; /* Roșu */
}

/* Ascundere scrollbar pentru fereastra de chat (arată mai curat) */
#chat-content div::-webkit-scrollbar {
    width: 6px;
}
#chat-content div::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
#chat-content div::-webkit-scrollbar-thumb {
    background: #c1c1c1; 
    border-radius: 4px;
}
#chat-content div::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8; 
}

/* ADAUGĂ LA FINAL ÎN style.css */

/* Tema Gold - Metale Prețioase */
.text-gold { color: #b38728 !important; }
.border-gold { border-color: #b38728 !important; }
.btn-gold-active { 
    background: linear-gradient(135deg, #fcf6ba, #bf953f); 
    color: #000 !important; 
    border: 2px solid #aa771c !important; 
    font-weight: 900;
}
.btn-gold-inactive { 
    background-color: #f9fafb; 
    color: #4b5563; 
    border: 2px solid transparent; 
}
.btn-gold-inactive:hover { 
    background-color: #f3f4f6; 
    border-color: #d1d5db; 
}

/* Tema High-Tech - Electronice */
.bg-tech-panel { 
    background-color: #0b1120; 
    border: 1px solid #1e293b; 
    box-shadow: 0 0 20px rgba(0, 243, 255, 0.05); 
}
.bg-tech-dark { 
    background-color: #0f172a; 
    border-color: #1e293b; 
}
.text-cyan { color: #00f3ff !important; }
.text-tech-gray { color: #94a3b8; }
.border-cyan { border-color: #00f3ff !important; }
.input-tech { 
    background-color: #1e293b; 
    border: 1px solid #334155; 
    color: #f8fafc; 
}
.input-tech:focus { 
    border-color: #00f3ff; 
    box-shadow: 0 0 10px rgba(0, 243, 255, 0.3); 
    outline: none; 
}
.btn-tech { 
    background: linear-gradient(90deg, #0ea5e9, #2563eb); 
    color: white; 
    border: 1px solid #38bdf8; 
}
.btn-tech:hover { 
    box-shadow: 0 0 15px rgba(56, 189, 248, 0.6); 
}