/* ================= LIGHT MODE OVERRIDES ================= */
/* Activated when: body.light */

body.light {
    --bg: #f1f5f9;
    --card: #ffffff;
    --text: #0f172a;
    --accent: #2563eb;
}

/* ================= GLOBAL ================= */
body.light {
    background: var(--bg);
    color: var(--text);
}

/* ================= SIDEBAR ================= */
body.light .sidebar {
    background: #ffffff;
    box-shadow: 4px 0 20px rgba(0,0,0,0.05);
}

body.light .nav-item:hover {
    background: rgba(0,0,0,0.05);
}

body.light .nav-item.active {
    background: var(--accent);
    color: #fff;
}

/* ================= NAVBAR ================= */
body.light .navbar {
    background: #ffffff;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}

body.light .nav-center input {
    background: #f1f5f9;
    color: #000;
}

/* ================= CARDS ================= */
body.light .card {
    background: #ffffff;
    box-shadow: 0 6px 25px rgba(0,0,0,0.08);
}

/* ================= TEXT ================= */
body.light .sub-text {
    color: #64748b;
}

/* ================= UPLOAD ================= */
body.light .upload-box {
    border: 2px dashed var(--accent);
    background: #f8fafc;
}

/* ================= TIMELINE ================= */
body.light .step {
    background: #f1f5f9;
}

body.light .error {
    background: #ef4444;
    color: white;
}

/* ================= FRAUD ================= */
body.light .meter {
    background: #e2e8f0;
}

body.light .meter-fill {
    background: #ef4444;
}

/* ================= PDF VIEW ================= */
body.light .pdf-view {
    background: #e5e7eb;
    color: #000;
}

/* ================= CHAT ================= */
body.light .chat {
    background: #ffffff;
    box-shadow: 0 6px 25px rgba(0,0,0,0.1);
}

body.light .chat input {
    background: #f1f5f9;
    color: #000;
}

/* ================= PROFILE DROPDOWN ================= */
body.light .profile-menu {
    background: #ffffff;
    box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}

/* ================= BUTTON ================= */
body.light button {
    background: var(--accent);
    color: #fff;
}

/* ================= NOTIFICATIONS ================= */
body.light .badge {
    background: #ef4444;
}

/* ================= SCROLLBAR (OPTIONAL PRO TOUCH) ================= */
body.light::-webkit-scrollbar {
    width: 8px;
}

body.light::-webkit-scrollbar-track {
    background: #e2e8f0;
}

body.light::-webkit-scrollbar-thumb {
    background: #94a3b8;
    border-radius: 10px;
}