:root{

    --bg:#F6F7FB;
    --card:#FFFFFF;
    --sidebar:#FFFFFF;

    --text:#111827;
    --muted:#64748B;

    --border:#E5E7EB;

    --sidebar-text:#374151;

    --hover:#F3F4F6;
}

body[data-theme="dark"]{

    --bg:#0B1220;

    --card:#1F2937;

    --sidebar:#111827;

    --text:#F8FAFC;

    --muted:#94A3B8;

    --border:#334155;

    --sidebar-text:#CBD5E1;

    --hover:#1F2937;
}