/*
Theme Name: 🌙 Dark
Base Mode: dark
Author: System
Description: Giao diện tối tiêu chuẩn, dễ chịu cho mắt.
*/

:root {
    /* --- COLORS --- */
    --bg-color: #0f172a; 
    --sidebar-bg: #1e293b; 
    --text-color: #e2e8f0; 
    --text-muted: #94a3b8;
    --border-color: rgba(255, 255, 255, 0.1);
    
    /* --- GLASS --- */
    --glass-bg: rgba(30, 41, 59, 0.7);
    --glass-border: rgba(255, 255, 255, 0.08);
    --input-bg: rgba(0, 0, 0, 0.25);
    
    /* --- CODE --- */
    --code-bg: #1e1e1e;
    --code-color: #d4d4d4;
    --glider-bg: var(--bs-primary); 
    
    /* --- SCROLL --- */
    --scroll-thumb: rgba(255, 255, 255, 0.2);
    --scroll-track: transparent;
}

/* =============================================
   FIX: FORM ELEMENTS
   ============================================= */

/* Ép màu nền cho Dropdown Option (Fix lỗi chữ trắng nền trắng) */
select option {
    background-color: #1e293b; /* Màu giống Sidebar */
    color: #e2e8f0;
}

/* Tinh chỉnh input placeholder cho dễ nhìn hơn trên nền tối */
::placeholder {
    color: rgba(226, 232, 240, 0.4) !important;
}

/* Scrollbar đẹp hơn cho Dark Mode */
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.25);
}