/* ====================================
   VOCALAI DARK MODE
==================================== */

body.dark{
    --bg:#0f172a;
    --card:#1e293b;
    --text:#f8fafc;
    --muted:#94a3b8;
    --border:#334155;
}

/* Body */

body.dark{
    background:var(--bg);
    color:var(--text);
}

/* Cards */

body.dark .vocalai-card,
body.dark .voice-card,
body.dark .history-item,
body.dark .stat-card{
    background:var(--card);
    border-color:var(--border);
}

/* Textarea */

body.dark #textInput{
    background:#172033;
    color:var(--text);
    border-color:var(--border);
}

body.dark #textInput::placeholder{
    color:var(--muted);
}

/* Buttons */

body.dark .va-btn-secondary{
    background:#273449;
    color:var(--text);
}

/* Voice Active */

body.dark .voice-card.active{
    background:rgba(109,93,252,.15);
    border-color:#6D5DFC;
}

/* History */

body.dark .history-date,
body.dark .voice-lang,
body.dark .stat-label,
body.dark .vocalai-subtitle{
    color:var(--muted);
}

/* Navbar */

body.dark .vocalai-navbar{
    background:#111827;
    border-bottom:1px solid var(--border);
}

/* Inputs */

body.dark input,
body.dark select,
body.dark textarea{
    background:#172033;
    color:var(--text);
    border-color:var(--border);
}

/* Scrollbar */

body.dark::-webkit-scrollbar-track{
    background:#111827;
}

body.dark::-webkit-scrollbar-thumb{
    background:#6D5DFC;
}

/* Shadows */

body.dark .vocalai-card,
body.dark .stat-card{
    box-shadow:
    0 10px 25px rgba(0,0,0,.35);
}