:root {
    --bg-primary:rgb(26, 26, 26);
    --bg-card: rgb(33, 33, 33);
    --text-primary: #FFFFFF;
    --text-secondary: #A1A1AA;
    --border-light:rgb(38, 64, 97);
    --status-online: #22C55E;
    --status-offline: #EF4444;
    --status-new: #8B5CF6;
    --action-primary: #3B82F6;
    --action-medium: #F97316;
    --plan-active: #10B981;
    --sidebar-active: #393939; /* Original value, will be overridden by specific rules */
    --sidebar-selected-hover-bg: #262626; /* Cinza bem claro para hover e selecionado */
    --sidebar-selected-hover-text: #ffffff; /* Cor do texto para o estado hover e selecionado */
    --logo-green: #34D399; /* Um verde vibrante para o logo */
    --logout-purple: #8B5CF6; /* Um roxo para o link de sair */
    --placeholder-gray: #6B7280; /* Um cinza para o placeholder da imagem */
    
    /* Variáveis específicas para o chat */
    --bg-gray-900: rgb(26, 26, 26);
    --bg-gray-800: rgb(33, 33, 33);
    --bg-gray-700: rgb(44, 44, 44);
    --color-blue-500: #3B82F6;
    --color-blue-600: #2563EB;
    --color-green-500: #10B981;
    --color-green-400: #34D399;
    --text-gray-300: #D1D5DB;
    --text-gray-400: #9CA3AF;
    --text-gray-200: #E5E7EB;
    --text-white: #FFFFFF;
    --border-gray-700: rgb(38, 64, 97);
}

body {
    background-color: var(--bg-primary) !important;
}

.bg-card {
    background-color: var(--bg-card) !important;
}

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

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

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

.bg-status-online {
    background-color: var(--status-online) !important;
}

.bg-status-offline {
    background-color: var(--status-offline) !important;
}

.bg-status-new {
    background-color: var(--status-new) !important;
}

.bg-action-primary {
    background-color: var(--action-primary) !important;
}

.bg-action-medium {
    background-color: var(--action-medium) !important;
}

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

.bg-sidebar-active {
    background-color: var(--sidebar-selected-hover-bg) !important;
    color: var(--sidebar-selected-hover-text) !important;
}

.w-64.bg-card nav a:hover {
    background-color: var(--sidebar-selected-hover-bg) !important;
    color: var(--sidebar-selected-hover-text) !important;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: var(--bg-primary);
}
::-webkit-scrollbar-thumb {
    background-color: var(--logo-green);
    border-radius: 4px;
}
/* Firefox scrollbar - Tema Dark (padrão) */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--logo-green) var(--bg-primary);
}

/* Light Theme - Scrollbar cores claras */
.theme-light *,
html.theme-light *,
body.theme-light * {
    scrollbar-width: thin !important;
    scrollbar-color: #c0c0c0 #f5f5f5 !important;
}

.theme-light ::-webkit-scrollbar,
html.theme-light ::-webkit-scrollbar,
body.theme-light ::-webkit-scrollbar {
    width: 8px;
}

.theme-light ::-webkit-scrollbar-track,
html.theme-light ::-webkit-scrollbar-track,
body.theme-light ::-webkit-scrollbar-track {
    background: #f5f5f5 !important;
}

.theme-light ::-webkit-scrollbar-thumb,
html.theme-light ::-webkit-scrollbar-thumb,
body.theme-light ::-webkit-scrollbar-thumb {
    background-color: #c0c0c0 !important;
    border-radius: 4px;
}

.theme-light ::-webkit-scrollbar-thumb:hover,
html.theme-light ::-webkit-scrollbar-thumb:hover,
body.theme-light ::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a0 !important;
}

/* White Theme - Scrollbar ainda mais suave */
.theme-white *,
html.theme-white *,
body.theme-white * {
    scrollbar-width: thin !important;
    scrollbar-color: #e0e0e0 #ffffff !important;
}

.theme-white ::-webkit-scrollbar,
html.theme-white ::-webkit-scrollbar,
body.theme-white ::-webkit-scrollbar {
    width: 8px;
}

.theme-white ::-webkit-scrollbar-track,
html.theme-white ::-webkit-scrollbar-track,
body.theme-white ::-webkit-scrollbar-track {
    background: #ffffff !important;
}

.theme-white ::-webkit-scrollbar-thumb,
html.theme-white ::-webkit-scrollbar-thumb,
body.theme-white ::-webkit-scrollbar-thumb {
    background-color: #e0e0e0 !important;
    border-radius: 4px;
}

.theme-white ::-webkit-scrollbar-thumb:hover,
html.theme-white ::-webkit-scrollbar-thumb:hover,
body.theme-white ::-webkit-scrollbar-thumb:hover {
    background-color: #d0d0d0 !important;
}